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 © 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.