PageSourceSearch

https://mediabeta.it/

html mediabeta.it collected 2026-10-03 01:53:47 UTC 37,686 bytes, 703 lines download raw bytes

1<!DOCTYPE html>
2<html lang="it">
3<head>
4<meta charset="utf-8">
5<meta http-equiv="X-UA-Compatible" content="IE=edge">
6<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7<title>Mediabeta Design - web agency</title>  
8<meta name="viewport" content="width=device-width,initial-scale=1">
9 <link rel="SHORTCUT ICON" href="favicon.ico">
10<meta name="Description" content="Mediabeta graphic visual design e web agency" />
11<meta name="Keywords" content="mediabeta, visual design, web agency, siti internet, grafica, comunicazione, realizzazione siti internet web" />
12
13
14    <!-- Bootstrap Core CSS -->
15    <link href="css/bootstrap.min.css" rel="stylesheet">
16
17    <!-- Custom CSS -->
18    <link href="css/agency.css" rel="stylesheet">
19
20    <!-- Custom Fonts -->
21    <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
22    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
23    <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
24    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
25    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
26
27    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
28    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
29    <!--[if lt IE 9]>
30        
30<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
30
31        
31<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
31
32    <![endif]-->
33<link href='https://fonts.googleapis.com/css?family=Trocchi|Open+Sans+Condensed:700,300,300italic' rel='stylesheet' type='text/css'>
34<link rel="stylesheet" type="text/css" href="css/demo.css" />
35        <link rel="stylesheet" type="text/css" href="css/style5.css" />
36		
36<script src="js/modernizr.custom.72111.js"></script>
36
37		<style>
38			.no-cssanimations .rw-words span:first-child{
39				opacity: 1;
40				color: #fff;
41				text-shadow: none;
42			}
43		</style>
44		<!--[if lt IE 9]> 
45			<style>
46				body{ background: #fff; }
47				.rw-wrapper{ display: none; } 
48				.rw-sentence-IE{ display: block; }
49			</style>
50		<![endif]-->
51</head>
52
53<body id="page-top" class="index">
54
55    <!-- Navigation -->
56    <nav class="navbar navbar-default navbar-fixed-top">
57        <div class="container">
58            <!-- Brand and toggle get grouped for better mobile display -->
59            <div class="navbar-header page-scroll">
60                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
61                    <span class="sr-only">Toggle navigation</span>
62                    <span class="icon-bar"></span>
63                    <span class="icon-bar"></span>
64                    <span class="icon-bar"></span>
65                </button>
66                <a class="navbar-brand page-scroll" href="#page-top"><img src="img/logos/logo-large.png" alt="Mediabeta" width="30" height="26" class="brandimg"> Mediabeta</a>
67            </div>
68
69            <!-- Collect the nav links, forms, and other content for toggling -->
70            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
71                <ul class="nav navbar-nav navbar-right">
72                    <li class="hidden">
73                        <a href="#page-top"></a>
74                    </li>
75                    <li>
76                        <a class="page-scroll" href="#about">Chi siamo</a>
77                    </li>
78                  <li>
79                        <a class="page-scroll" href="#team">Team</a>
80                    </li>
81  <li>
82                        <a class="page-scroll" href="#services">Servizi</a>
83                    </li> 
84                                       <li>
85                        <a class="page-scroll" href="#portfolio">Portfolio</a>
86                    </li>
87                    <li>
88                        <a class="page-scroll" href="#contact">Contattaci</a>
89                    </li>
90                </ul>
91            </div>
92            <!-- /.navbar-collapse -->
93        </div>
94        <!-- /.container-fluid -->
95    </nav>
96
97    <!-- Header -->
98    <header> 
99    <div class="benvenuti"><p>Benvenuti nel nostro studio!</p></div>
100        <div class="container">
101        <div id="contspazio">
102           	<section class="rw-wrapper">
103				<h2 class="rw-sentence">
104					<span><img src="img/logos/logo-large.png" alt="Mediabeta" class="imglogo" >Mediabeta</span>
105					<span>la soluzione</span>
106					<span>per</span>
107					<div class="rw-words">
108						<span>Siti web</span>
109						<span>Graphic design</span>
110						<span>Comunicazione</span>
111						<span>Responsive</span>
112						<span>Crea</span>
113						<span>Inventa per te</span>
114					</div>
115					<span></span>
116				</h2>
117			</section>
118           </div>
119           <div style="clear:both"></div>
120        </div>
121    </header>
122 <div class="container">
123   <div id="mitt">Mediabeta via Nicolò Zocco, 26 Palazzolo Acreide (SR) <a href="tel:339 7457105">tel.339 7457105</a> - <a href="tel:338 1057462">338 1057462</a><br>
124e-mail: <a href="mailto:[email protected]">[email protected]</a> - (<a href="https://webmail.aruba.it" target="_blank">WEBMAIL</a>)</div></div>
125<!-- About Section -->
126    <section id="about">
127        <div class="container">
128            <div class="row">
129              <div class="col-lg-12 text-center">
130                <h2 class="section-heading">Chi siamo</h2>
131                  <h3 class="section-subheading text-muted">La nostra storia comincia nel 1998  con l'intento di fornire servizi di comunicazione e immagine sempre più specifici ed orientati. Nascono così i nostri progetti nel web, nella promozione e valorizzazione culturale, nei servizi di comunicazione e informazione turistica e nella creazione e valorizzazione di brand aziendali.</h3>
132                </div>
133            </div>
134            <div class="row">
135                <div class="col-lg-12">
136                    <ul class="timeline">
137                        <li>
138                            <div class="timeline-image">
139                                <img class="img-circle img-responsive" src="img/about/1.jpg" alt="Mediabeta">
140                            </div>
141                            <div class="timeline-panel">
142                                <div class="timeline-heading">
143                                    <h4>1998 - 2003</h4>
144                                    <h4 class="subheading">Pionieri del web</h4>
145                                </div>
146                                <div class="timeline-body">
147                                    <p class="text-muted">Pochi in quegli anni avevano un'idea precisa di cosa fosse il web. Mediabeta mise a disposizione le proprie competenze per fornire una finestra su internet ad aziende ed enti del territorio ibleo.</p>
148                                </div>
149                            </div>
150                        </li>
151                        <li class="timeline-inverted">
152                            <div class="timeline-image">
153                                <img class="img-circle img-responsive" src="img/about/2.jpg" alt="mediabeta">
154                            </div>
155                            <div class="timeline-panel">
156                                <div class="timeline-heading">
157                                    <h4>2003 - 2005</h4>
158                                    <h4 class="subheading">
158consolidamento e prospettive</h4>
159                                </div>
160                                <div class="timeline-body">
161                                    <p class="text-muted">In questi anni all'affinamento delle tecnologia di sviluppo dei siti web si affiancano progetti grafici complessi in un ambito più ampio di comunicazione visiva</p>
162                                </div>
163                            </div>
164                        </li>
165                        <li>
166                            <div class="timeline-image">
167                                <img class="img-circle img-responsive" src="img/about/3.jpg" alt="mediabeta">
168                            </div>
169                            <div class="timeline-panel">
170                                <div class="timeline-heading">
171                                    <h4>2006 - 2011</h4>
172                                    <h4 class="subheading">Prospettive di comunicazione e progetti</h4>
173                                </div>
174                                <div class="timeline-body">
175                                    <p class="text-muted">Una interlocuzione sempre più incentrata sull'idea di fornire progetti di valore globale ci permette di dare vita a narrazioni mirate a costruire identità d'immagine</p>
176                                </div>
177                            </div>
178                        </li>
179                        <li class="timeline-inverted">
180                            <div class="timeline-image">
181                                <img class="img-circle img-responsive" src="img/about/4.jpg" alt="mediabeta">
182                            </div>
183                            <div class="timeline-panel">
184                                <div class="timeline-heading">
185                                    <h4>2012 - 2015</h4>
186                                    <h4 class="subheading">Attenzione alla comunicazione in mobilità</h4>
187                                </div>
188                                <div class="timeline-body">
189                                    <p class="text-muted">Social e mobilità sono le parole d'ordine di questi anni. Saper condensare  la  fruizione del racconto e rendere immediate le informazioni è diventato il nostro must.</p>
190                                </div>
191                            </div>
192                        </li>
193                        <li class="timeline-inverted">
194                            <div class="timeline-image">
195                                <h4>Entra
196                                    <br>nella nostra
197                                    <br>Storia!</h4>
198                            </div>
199                        </li>
200                    </ul>
201                </div>
202            </div>
203        </div>
204    </section>
205
206    <!-- Team Section -->
207    <section id="team" class="bg-light-gray">
208        <div class="container">
209            <div class="row">
210                <div class="col-lg-12 text-center">
211                    <h2 class="section-heading">Il nostro Team</h2>
212                    <h3 class="section-subheading text-muted"><strong>Mediabeta Design</strong> è stata fondata nel 1998 da Salvo Portuese e Lello Fargione e si avvale della collaborazione di professionisti dei più svariati ambiti di comunicazione.</h3>
213                </div>
214            </div>
215            <div class="row">
216                <div class="col-sm-4">
217                    <div class="team-member">
218                        <img src="img/team/1.jpg" class="img-responsive img-arr" alt="Salvo Portuese">
219                        <h4>Salvo Portuese</h4>
220                        <p class="text-muted">Art Director - Designer</p>
221                        <ul class="list-inline social-buttons">
222                            <li><a href="https://www.facebook.com/salvoportuese" target="_blank"><i class="fa fa-facebook"></i></a>
223                            </li>
224                            
225                            <li><a href="https://plus.google.com/u/0/+SalvoPortuese/posts" target="_blank"><i class="fa fa-google-plus"></i></a>
226                            </li>
227                        </ul>
228                    </div>
229                </div>
230                <div class="col-sm-4">
231                    <div class="team-member">
232                        <img src="img/team/2.jpg" class="img-responsive img-arr" alt="Lello Fargione">
233                        <h4>Lello Fargione</h4>
234                        <p class="text-muted">Communication</p>
235                        <ul class="list-inline social-buttons">
236                            <li><a href="https://www.facebook.com/lello.fargione" target="_blank"><i class="fa fa-facebook"></i></a>
237                            </li>
238                            
239                            <li><a href="https://plus.google.com/109925010266249229995/posts" target="_blank"><i class="fa fa-google-plus"></i></a>
240                            </li><li><a href="https://twitter.com/lellofargione" target="_blank"><i class="fa fa-twitter"></i></a>
241                            </li>
242                        </ul>
243                    </div>
244                </div>
245                <div class="col-sm-4">
246                    <div class="team-member">
247                        <img src="img/team/3.jpg" class="img-responsive img-arr" alt="Lara Torre">
248                        <h4>Studio Lara Torre</h4>
249                        <p class="text-muted">Professional partnership</p>
250                        <ul class="list-inline social-buttons">
251                            <li><a href="https://www.facebook.com/lara.torre.397" target="_blank"><i class="fa fa-facebook"></i></a>
252                            </li>
253                            
254                            <li><a href="https://plus.google.com/113695026000357831353/about?gl=it&hl=it" target="_blank"><i class="fa fa-google-plus"></i></a>
255                            </li><li><a href="#"><i class="fa fa-twitter"></i></a>
256                            </li>
257                        </ul>
258                    </div>
259                </div>
260            </div>
261            <div class="row">
262                <div class="col-lg-8 col-lg-offset-2 text-center">
263                    <p class="large text-muted">.</p>
264                </div>
265            </div>
266        </div>
267    </section>
268
269
270    <!-- Services Section -->
271    <section id="services">
272        <div class="container">
273            <div class="row">
274                <div class="col-lg-12 text-center">
275                    <h2 class="section-heading">Servizi</h2>
276                    <h3 class="section-subheading text-muted">I nostri principali servizi.</h3>
277                </div>
278            </div>
279            <div class="row text-center">
280                <div class="col-md-4">
281                    <span class="fa-stack fa-4x">
282                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
283                        <i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
284                    </span>
285                    <h4 class="service-heading">Siti web</h4>
286                    <p class="text-muted">Mediabeta progetta, realizza e implementa siti web sviluppando progetti mirati e personalizzati sulle esigenge del cliente. I nostri prodotti web sono ottimizzati per la fruizione in mobilità (responsive design)</p>
287                </div>
288                <div class="col-md-4">
289                    <span class="fa-stack fa-4x">
290                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
291                        <i class="fa fa-pencil fa-stack-1x fa-inverse"></i>
292                    </span>
293                  <h4 class="service-heading">Progettazione grafica</h4>
294                    <p class="text-muted">Sviluppare progetti grafici per noi significa interpretare visivamente la narrazione che il cliente vuole dare di se e del suo prodotto.</p>
295                </div>
296                
297              <div class="col-md-4">
298                    <span class="fa-stack fa-4x">
299                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
300                        <i class="fa fa-bullhorn fa-stack-1x fa-inverse"></i>
301                    </span>
302                    <h4 class="service-heading">Comunicazione</h4>
303                    <p class="text-muted">Ci occupiamo di comunicazione visiva lavorando sulla creazione coordinata di prodotti tesi a costruire la storia, il racconto dell'identità mediatica che i nostri clienti con i loro prodotti hanno scelto per presentarsi sul mercato</p>
304                </div>
305            </div>
306        </div>
307    </section>
308
309    <!-- Portfolio Grid Section -->
310    <section id="portfolio" class="bg-light-gray">
311        <div class="container">
312            <div class="row">
313                <div class="col-lg-12 text-center">
314                    <h2 class="section-heading">Portfolio</h2>
315                    <h3 class="section-subheading text-muted">Alcuni esempi di progetti sviluppati con i nostri clienti.</h3>
316                </div>
317            </div>
318            <div class="row">
319                <div class="col-md-4 col-sm-6 portfolio-item">
320                    <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
321                        <div class="portfolio-hover">
322                            <div class="portfolio-hover-content">
323                                <i class="fa fa-plus fa-3x"></i>
324                            </div>
325                        </div>
326                        <img src="img/portfolio/kalliste.jpg" class="img-responsive" alt="Kallistearte">
327                    </a>
328                    <div class="portfolio-caption">
329                        <h4>Kallistearte Onlus</h4>
330                        <p class="text-muted">Sito web</p>
331                    </div>
332                </div>
333				<div class="col-md-4 col-sm-6 portfolio-item">
334                    <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
335                        <div class="portfolio-hover">
336                            <div class="portfolio-hover-content">
337                                <i class="fa fa-plus fa-3x"></i>
338                            </div>
339                        </div>
340                        <img src="img/portfolio/andrea.jpg" alt="Risorante Andrea" class="img-responsive" >
341                    </a>
342                    <div class="portfolio-caption">
343                        <h4>Risorante Andrea</h4>
344                        <p class="text-muted">Immagine coordinata e web</p>
345                    </div>
346                </div>
347					<div class="col-md-4 col-sm-6 portfolio-item">
348                    <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
349                        <div class="portfolio-hover">
350                            <div class="portfolio-hover-content">
351                                <i class="fa fa-plus fa-3x"></i>
352                            </div>
353                        </div>
354                        <img src="img/portfolio/lctp.jpg" alt="LCTransport" class="img-responsive" >
355                    </a>
356                    <div class="portfolio-caption">
357                        <h4>LCTransport</h4>
358                        <p class="text-muted">Graphic identity e web</p>
359                    </div>
360                </div>
361				
362				
363				
364				
365				
366				
367				
368				
369				
370				
371				
372				
373				
374              
375                <div class="col-md-4 col-sm-6 portfolio-item">
376                    <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
377                        <div class="portfolio-hover">
378                            <div class="portfolio-hover-content">
379                                <i class="fa fa-plus fa-3x"></i>
380                            </div>
381                        </div>
382                        <img src="img/portfolio/carnevale.jpg" class="img-responsive" alt="Carnevale Palazzolo Acreide">
383                    </a>
384                    <div class="portfolio-caption">
385                        <h4>Mostra Carnevale</h4>
386                        <p class="text-muted">Organizzazione e comunicazione</p>
387                    </div>
388                </div>
389                <div class="col-md-4 col-sm-6 portfolio-item">
390                    <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
391                        <div class="portfolio-hover">
392                            <div class="portfolio-hover-content">
393                                <i class="fa fa-plus fa-3x"></i>
394                            </div>
395                        </div>
396                        <img src="img/portfolio/palazzolo.jpg" class="img-responsive" alt="Palazzolo Acreide">
397                    </a>
398                    <div class="portfolio-caption">
399                        <h4>Portale Palazzolo Acreide</h4>
400                        <p class="text-muted">Portale di promozione turistica</p>
401                    </div>
402                </div>
403                <div class="col-md-4 col-sm-6 portfolio-item">
404                    
405                        <div class="portfolio-hover">
406                            <div class="portfolio-hover-content">
407                                
408                            </div>
409                        </div>
410                        <iframe width="360" height="225" src="https://www.youtube.com/embed/HNexUdQL7B4" frameborder="0" allowfullscreen></iframe>
411                    
412                    <div class="portfolio-caption">
413                        <h4>Backstage Olio Calleri</h4>
414                        <p class="text-muted">Video del servizio fotografico<br>
415                          realizzato 
416                        per l'Azienda Agricola Calleri</p>
417                    </div>
418                </div>
419            </div>
420        </div>
421    </section>
422
423
424    <!-- Clients Aside -->
425    <aside class="clients">
426        <div class="container">
427            <div class="row">
428                <div class="col-md-3 col-sm-6">
429                    <a href="http://www.ristoranteandrea.it/" target="_blank">
430                        <img src="img/logos/logoandrea.png" class="img-responsive img-centered" alt="Molino san paolo">
431                    </a>
432                </div>
433             
434                <div class="col-md-3 col-sm-6">
435                    <a href="http://www.spadacostruzioni.com/" target="_blank">
436                        <img src="img/logos/spada.gif" class="img-responsive img-centered" alt="Spada costruzioni">
437                    </a>
438                </div>
439                <div class="col-md-3 col-sm-6">
440                    <a href="http://www.bonaiuto.it/" target="_blank">
441                        <img src="img/logos/bonaiuto.png" alt="Tenuta Baronie" class="img-responsive img-centered" border="0">
442                    </a>
443                </div>
444            </div>
445        </div>
446    </aside>
447
448    <section id="contact">
449        <div class="container">
450            <div class="row">
451                <div class="col-lg-12 text-center">
452                    <h2 class="section-heading">Contattaci</h2>
453                    <h3 class="section-subheading text-muted">indirizzo: via Nicolò Zocco, 26 Palazzolo Acreide (SR) <br>
454                      Telefono: <a href="tel:339 7457105">339 7457105</a> - <a href="tel:338 1057462">338 1057462</a><br>
455                    Email: <a href="mailto:[email protected]">[email protected]</a></h3>
456                </div>
457            </div>
458            <div class="row">
459                <div class="col-lg-12">
460                    <form name="sentMessage" id="contactForm" novalidate>
461                        <div class="row">
462                            <div class="col-md-6">
463                                <div class="form-group">
464                                    <input type="text" class="form-control" placeholder="Nome *" id="name" required data-validation-required-message="Inserisci il tuo nome.">
465                                    <p class="help-block text-danger"></p>
466                                </div>
467                                <div class="form-group">
468                                    <input type="email" class="form-control" placeholder="Email *" id="email" required data-validation-required-message="Inserisci la tua email.">
469                                    <p class="help-block text-danger"></p>
470                                </div>
471                                <div class="form-group">
472                                    <input type="tel" class="form-control" placeholder="Telefono *" id="phone" required data-validation-required-message="Inserisci il tuo numero di telefono.">
473                                    <p class="help-block text-danger"></p>
474                                </div>
475                            </div>
476                            <div class="col-md-6">
477                                <div class="form-group">
478                                    <textarea class="form-control" placeholder="Messaggio *" id="message" required data-validation-required-message="Inserisci il tuo messaggio."></textarea>
479                                    <p class="help-block text-danger"></p>
480                                </div>
481                                <div class="form-group">
482                                   
483                                   <input type="checkbox" id="consenso" required><span class="cons">Acconsento al trattamento dei miei dati personali al fine di ricevere una risposta al mio messaggio, come indicato nella <a href="policymediabetal.pdf" target="_blank"><strong>Privacy Policy</strong></a>. </span>
484                                    
485                                  <p class="help-block text-danger"></p>
486                                </div>
487                            </div>
488                            <div class="clearfix"></div>
489                            <div class="col-lg-12 text-center">
490                                <div id="success"></div>
491                                <button type="submit" class="btn btn-xl">Invia Messaggio</button>
492                            </div>
493                        </div>
494                    </form>
495                </div>
496            </div>
497        </div>
498    </section>
499
500    <footer>
501        <div class="container">
502            <div class="row">
503                <div class="col-md-4">
504                    <span class="copyright">Copyright &copy; MEDIABETA 2015</span></div>
505                <div class="col-md-4">
506                    <ul class="list-inline social-buttons">
507                        
508                        <li><a href="https://www.facebook.com/pages/Mediabeta-Design/137220979645384" target="_blank"><i class="fa fa-facebook"></i></a>
509                        </li>
510                        <li><a href="https://plus.google.com/117147767863625877215/posts/DkyDSHzbnB1" target="_blank"><i class="fa fa-google-plus"></i></a>
511                        </li>
512                        <li><a href="https://twitter.com/MediabetaDesign/with_replies" target="_blank"><i class="fa fa-twitter"></i></a>
513                        </li>
514                    </ul>
515                </div>
516                <div class="col-md-4">
517                    <ul class="list-inline quicklinks">
518                        <li><a href="cookie_mediabeta.pdf" target="_blank">Cookie Privacy Policy</a>
519                        </li>
520                        
521                    </ul>
522                </div>
523            </div>
524        </div>
525    </footer>
526
527    <!-- Portfolio Modals -->
528    <!-- Use the modals below to showcase details about your portfolio projects! -->
529
530    <!-- Portfolio Modal 1 -->
531    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
532        <div class="modal-content">
533            <div class="close-modal" data-dismiss="modal">
534                <div class="lr">
535                    <div class="rl">
536                    </div>
537                </div>
538            </div>
539            <div class="container">
540                <div class="row">
541                    <div class="col-lg-8 col-lg-offset-2">
542                        <div class="modal-body">
543                            <!-- Project Details Go Here -->
544                            <h2>Kallistearte Onlus</h2>
545                            <p class="item-intro text-muted">conferenze, incontri, ricerche e visite guidate</p>
546                            <img class="img-responsive" src="img/portfolio/kalliste-preview.jpg" alt="">
547                            <p>Sito web dell'associazione culturale Kallistearte con sede a Milano. Motto dell'associazione è "Scoprire l’Arte per vivere un’esperienza emozionante!". A partire da questo motto abbiamo fornito uno strumento complesso di comunicazione e di servizi sul web teso ad agevolare i soci ed i simpatizzanti a fruire delle attività di conferenze, incontri, ricerche e visite guidate.</p>
548                            <p>
549                                <strong>Scopri di più visitando il sito <a href="https://www.kallistearte.org/" target="_blank">www.kallistearte.org</a></strong></p><strong>
550                            <ul class="list-inline">
551                                <li>Data: ottobre 2010</li>
552                                <li>Cliente: Kallistearte onlus</li>
553                                <li>Categoria: Web Design</li>
554                            </ul>
555                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
556                        </strong></div>
557                    </div>
558                </div>
559            </div>
560        </div>
561    </div><strong>
562
563    <!-- Portfolio Modal 2 -->
564    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
565        <div class="modal-content">
566            <div class="close-modal" data-dismiss="modal">
567                <div class="lr">
568                    <div class="rl">
569                    </div>
570                </div>
571            </div>
572            <div class="container">
573                <div class="row">
574                    <div class="col-lg-8 col-lg-offset-2">
575                        <div class="modal-body">
576                            <h2>Ristorante Andrea</h2>
577                            <p class="item-intro text-muted">Sito web e Immagine coordinata </p>
578                            <img class="img-responsive img-centered" src="img/portfolio/andrea.jpg" alt="">
579                            <p>Ristorante Andrea è uno dei maggiori ristoranti della zona montana e ci ha affidato lo sviluppo grafico e digitale della propria identità d'immagine. Abbiamo creato un logo che rispecchia la forte identità del suo fondatore e un sito web perfettamente coordinato con una scelta di colori caldi e raffinati . Ne è risultato un perfetto esempio di immagine coordinata</p>
580                            <p>Visita il sito<a href="https://www.ristoranteandrea.it/" target="_blank">www.ristoranteandrea.it</a>.</p>
581                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
582                        </div>
583                    </div>
584                </div>
585            </div>
586        </div>
587    </div>
588
589    <!-- Portfolio Modal 3 -->
590    <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
591        <div class="modal-content">
592            <div class="close-modal" data-dismiss="modal">
593                <div class="lr">
594                    <div class="rl">
595                    </div>
596                </div>
597            </div>
598            <div class="container">
599                <div class="row">
600                    <div class="col-lg-8 col-lg-offset-2">
601                        <div class="modal-body">
602                            <!-- Project Details Go Here -->
603                            <h2>
603Lift Cargo Transport srl </h2>
604                            <p class="item-intro text-muted">Lift Cargo Transport srl </p>
605                            <img class="img-responsive img-centered" src="img/portfolio/lct.jpg" alt="">
606                            <p>Lift Cargo Transport srl  è specializzata nei trasporti terrestri e via mare, sollevamento di colli pesanti, montaggio di impianti off-shore /on-shore, realizzazione impianti industriali in generale, demolizione di impiantie e manufatti Abbiamo creato il logo stilizzando il marchio aziendale e dato al sito web adeguata struttura informativa, grafica e commerciale.</p>
607                            <p>Visita il sito<a href="http://www.lctransport.it/" target="_blank">www.lctransport.it</a>.</p>
608                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
609                        </div>
610                    </div>
611                </div>
612            </div>
613        </div>
614    </div>
615
616    <!-- Portfolio Modal 4 -->
617    <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
618        <div class="modal-content">
619            <div class="close-modal" data-dismiss="modal">
620                <div class="lr">
621                    <div class="rl">
622                    </div>
623                </div>
624            </div>
625            <div class="container">
626                <div class="row">
627                    <div class="col-lg-8 col-lg-offset-2">
628                        <div class="modal-body">
629                            <!-- Project Details Go Here -->
630                            <h2>Carnevale</h2>
631                            <p class="item-intro text-muted">Mostra dedicata all'antico Carnevale di Palazzolo Acreide</p>
632                            <img class="img-responsive img-centered" src="img/portfolio/carnevale-preview.jpg" alt="">
633                            <p>La mostra creava un percorso storico nella tradizione del Carnevale a Palazzolo Acreide. Mediabeta ne curò ogni aspetto, a partire dall'ideazione fino all'allestimento. Particolare attenzione fu posta sui prodotti di comunicazione grafica e digitale (brochure, manifesti, locandine e sito web). </p>
634                           
635                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
636                        </div>
637                    </div>
638                </div>
639            </div>
640        </div>
641    </div>
642
643    <!-- Portfolio Modal 5 -->
644    <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
645        <div class="modal-content">
646            <div class="close-modal" data-dismiss="modal">
647                <div class="lr">
648                    <div class="rl">
649                    </div>
650                </div>
651            </div>
652            <div class="container">
653                <div class="row">
654                    <div class="col-lg-8 col-lg-offset-2">
655                        <div class="modal-body">
656                            <!-- Project Details Go Here -->
657                            <h2>Portale su Palazzolo Acreide</h2>
658                            <p class="item-intro text-muted">Economia, turismo, cultura.</p>
659                            <img class="img-responsive img-centered" src="img/portfolio/palazzolo-preview.jpg" alt="">
660                            <p>Abbiamo creato questo portale dedicato alla città di Palazzolo Acreide con l'intento di fornire uno strumento agile per ottenere informazioni e contatti con le maggiori attività del territorio. <a href="http://www.palazzoloacreide.com/" target="_blank">www.palazzoloacreide.com</a>.</p>
661                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
662                        </div>
663                    </div>
664                </div>
665            </div>
666        </div>
667    </div>
668
669    
670
671    <!-- jQuery Version 1.11.0 -->
672    
672<script src="js/jquery-1.11.0.js"></script>
672
673
674    <!-- Bootstrap Core JavaScript -->
675    
675<script src="js/bootstrap.min.js"></script>
675
676
677    <!-- Plugin JavaScript -->
678    
678<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
678
679    
679<script src="js/classie.js"></script>
679
680    
680<script src="js/cbpAnimatedHeader.js"></script>
680
681
682    <!-- Contact Form JavaScript -->
683    
683<script src="js/jqBootstrapValidation.js"></script>
683
684    
684<script src="js/contact_me.js"></script>
684
685
686    <!-- Custom Theme JavaScript -->
687    
687<script src="js/agency.js"></script>
687
688<!-- Analitycs -->
689<script>
vendor: 345 bytes, lines 689-695
689
690  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
691  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
692  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
693  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
694
695  ga('create', '
695UA-59916393-1
vendor: 42 bytes, lines 695-697
695', 'auto');
696  ga('send', 'pageview');
697
698</script>
vendor: 2 bytes, line 698
698
699<script type="text/javascript">var cookie_policy_url = 'https://nibirumail.com/cookies/policy/?url=www.mediabeta.it';</script>
vendor: 2 bytes, line 699
699
700<script type="text/javascript" src="https://nibirumail.com/docs/scripts/nibirumail.cookie.min.js"></script>
700
701</strong></body>
702
703</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.