1<!DOCTYPE html> 2<html class="no-js" lang="eng"> 3<head> 4 <meta name="viewport" content="width=device-width, initial-scale=1" /> 5<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 7<base href="https://www.yccs.it/" /> 8 9<meta name="author" content="Creative Web Studio" /> 10<meta name="description" content="Login - Members Area - Yacht Club Costa Smeralda"> 11<meta property="og:type" content="activity"/> 12<meta property="og:url" content="https://www.yccs.it/en/area-soci/login.html"/> 13 14<meta property="og:image" content="https://www.yccs.it/web/images/logo.png"/> 15 16<meta property="og:title" content="Login - Members Area - Yacht Club Costa Smeralda"/> 17<meta property="og:site_name" content="Yacht Club Costa Smeralda"/> 18<meta property="fb:admins" content="100001847343677"/> 19<meta property="og:description" content=""/> 20 21 22<meta name="twitter:card" content="summary_large_image"> 23<meta name="twitter:image" content="https://www.yccs.it/web/images/logo.png"> 24<meta name="twitter:title" content="Login - Members Area - Yacht Club Costa Smeralda"> 25<meta name="twitter:description" content=""> 26<link rel="icon" type="image/png" href="images/favicon.png"> 27<meta http-equiv="X-UA-Compatible" content="IE=edge"> 28<meta name="csrf-token" content="BndDP1WiKJaRsCc6ZHIx7zGHrIQlvtLI8yDH0Qlc"> 29 30<title>Login - Members Area - Yacht Club Costa Smeralda </title> 31 32 33 <!-- Document title --> 34 <!-- Stylesheets & Fonts --> 35 <link href="https://www.yccs.it/web/css/plugins.css" rel="stylesheet"> 36 <link href="https://www.yccs.it/web/css/style.css" rel="stylesheet"> 37 <link href="https://www.yccs.it/web/css/custom.css" rel="stylesheet"> 38 39 <link rel="preconnect" href="https://fonts.googleapis.com"> 40 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 41 <link href="https://fonts.googleapis.com/css2?family=Arizonia&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"> 42 <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet"> 43 44 45
45<script src="https://www.yccs.it/web/js/jquery.js"></script>
45 46 47 <link rel="stylesheet" type="text/css" href="https://www.yccs.it/web/flipbook/css/flipbook.style.css"> 48 <link rel="stylesheet" type="text/css" href="https://www.yccs.it/web/flipbook/css/font-awesome.css"> 49 50<style> 51 :root { 52 --azzurro: #009cff; 53 --grey: #F1F1F1; 54 --greyHalfDark: #a0a0a0; 55 } 56 57 .azzurro { 58 color: var(--azzurro); 59 } 60 .bgAzzurro { 61 background: var(--azzurro); 62 } 63 .grey { 64 color: var(--grey); 65 } 66 .bgGrey { 67 background: var(--grey); 68 } 69 .greyHalfDark { 70 color: var(--greyHalfDark); 71 } 72 73 html, body{ 74 background:#fff; 75 margin:0; 76 padding:0; 77 overflow-x:hidden; 78 } 79 a{ 80 text-decoration:none; 81 color:#000; 82 } 83 84 .btnRoundedWhite { 85 background: transparent; 86 color: #fff; 87 font-family: 'Montserrat', sans-serif; 88 font-size: 15px; 89 border: 1px solid #fff; 90 border-radius: 999px; /* semicerchio */ 91 padding: 3px 15px; 92 cursor: pointer; 93 transition: all 0.3s ease; 94 display: inline-block; 95 white-space: nowrap; 96 } 97 98 .btnRoundedWhite:hover { 99 background-color: #fff; 100 color: #0062a0; 101 } 102 103 body, div, span, a, p, h1, h2, h3, h4, h5, h6 , ul, li{ 104 font-family: 'Montserrat', sans-serif; 105 } 106 107 h1, h2, h3, h4, h5, h6{ 108 margin:0; 109 padding:0; 110 } 111 112 h1{ 113 font-family: 'Montserrat', sans-serif; 114 font-weight: 800; 115 font-size: 64px; 116 } 117 118 h3{ 119 font-family: 'Montserrat', sans-serif; 120 font-weight: 300; 121 font-size: 64px; 122 } 123 124 h4{ 125 font-family: 'Montserrat', sans-serif; 126 font-weight: 300; 127 font-size: 40px; 128 } 129 130 p{ 131 font-family: 'Montserrat', sans-serif; 132 font-weight: 400; 133 font-size: 16px; 134 line-height:22px; 135 color:#000 !important; 136 margin-top:0 !important; 137 } 138 .page-container{ 139 width:calc(100% - 240px); 140 margin-left:120px; 141 margin-top:65px; 142 margin-bottom:36px; 143 } 144 .gradient-title { 145 background: linear-gradient(to right, var(--azzurro) 0%, #0062a0 100%); 146 -webkit-background-clip: text; 147 -webkit-text-fill-color: transparent; 148 background-clip: text; 149 text-fill-color: transparent; 150 display: inline-block; 151 } 152 153 .link-arrow { 154 display: flex; 155 align-items: center; 156 gap: 20px; 157 color: inherit; 158 text-decoration: none; 159 font-size: 16px; 160 font-weight: 600; 161 width:210px; 162 height:20px; 163 border-bottom:solid 2px; 164 transition: all 0.9s ease; 165 } 166 167 .link-arrow:hover { 168 color: var(--azzurro); 169 border-bottom:solid 2px var(--azzurro); 170 } 171 172 .link-arrow:hover .arrow-img { 173 transform: rotate(45deg); 174 content: url("https://www.yccs.it/web/images/arrow_azzurra.png"); 175 } 176 .link-arrow2 { 177 display: flex; 178 align-items: center; 179 gap: 20px; 180 color: inherit; 181 text-decoration: none; 182 font-size: 16px; 183 font-weight: 600; 184 width:210px; 185 height:20px; 186 border-bottom:solid 2px; 187 transition: all 0.9s ease; 188 } 189 190 .link-arrow3 { 191 display: flex; 192 align-items: center; 193 gap: 20px; 194 color: inherit; 195 text-decoration: none; 196 font-size: 16px; 197 font-weight: 600; 198 width:210px; 199 height:20px; 200 transition: all 0.9s ease; 201 } 202 203 .link-arrow3:hover { 204 color: var(--azzurro); 205 } 206 207 .link-arrow3:hover .arrow-img { 208 transform: rotate(45deg); 209 content: url("https://www.yccs.it/web/images/arrow_azzurra.png"); 210 } 211 212 .link-arrow3:hover .arrow-img-reflect { 213 transform: rotate(-45deg) scaleX(-1); 214 content: url("https://www.yccs.it/web/images/arrow_azzurra.png"); 215 } 216 .arrow-img { 217 width: 13px; 218 height: 13px; 219 transition: transform 0.3s ease; 220 } 221 .arrow-img-reflect { 222 width: 13px; 223 height: 13px; 224 transform: scaleX(-1); 225 transition: transform 0.3s ease; 226 } 227 228 .list-link { 229 display: flex; 230 gap: 5px; 231 align-items: center; 232 cursor: pointer; 233 } 234 235 .list-link span { 236 font-size: 12px; 237 font-weight: 500; 238 transition: font-weight 0.2s ease; 239 } 240 241 .list-link:hover span { 242 font-weight: 700; 243 } 244 .list-link.no-hover:hover { 245 font-weight: 500; 246 } 247 248 .list-link:hover .list-icon { 249 content: url("https://www.yccs.it/web/images/star_red.png"); 250 } 251 .list-link.no-hover:hover .list-icon { 252 content: url("https://www.yccs.it/web/images/star_grey.png"); /* resta grigia */ 253 } 254 255 .list-icon{ 256 width:13px; 257 height:15px; 258 } 259 260 .btnYccsWhite{ 261 border:solid 1px #000; 262 background:#fff; 263 color:#000; 264 padding:5px 10px; 265 border-radius:13px !important; 266 font-size:12px; 267 font-weight:600; 268 text-align:center; 269 cursor:pointer; 270 transition: all 0.5s ease; 271 } 272 .btnYccsWhite:hover{ 273 border:solid 1px var(--azzurro); 274 color:#fff; 275 background: linear-gradient(to right, #009cff, #0062a0); 276 } 277 278 .btnYccsGradient{ 279 background: linear-gradient(to right, var(--azzurro) 0%, #0062a0 100%); 280 color:#fff; 281 padding:5px 10px; 282 border-radius:13px !important; 283 font-size:16px; 284 font-weight:500; 285 text-align:center; 286 cursor:pointer; 287 transition: all 0.5s ease; 288 } 289 .btnYccsGradient:hover{ 290 background: linear-gradient(to left, var(--azzurro) 0%, #0062a0 100%); 291 } 292 293 .btnYccsAnnulla{ 294 border:solid 1px #000; 295 background:#000; 296 color:#fff; 297 padding:5px 10px; 298 border-radius:13px !important; 299 font-size:12px; 300 font-weight:600; 301 text-align:center; 302 cursor:pointer; 303 transition: all 0.5s ease; 304 } 305 .btnYccsAnnulla:hover{ 306 border:solid 1px grey; 307 background: grey; 308 } 309 310 form input[type="text"], 311 form input[type="url"], 312 form input[type="email"], 313 form input[type="number"], 314 form input[type="tel"], 315 form input[type="password"], 316 form select { 317 width: 100%; 318 padding: 9px 10px; 319 border: 1px solid var(--grey);; 320 background: var(--grey); 321 border-radius: 6px; 322 font-family: Montserrat, sans-serif; 323 font-size: 12px; 324 color: #000; 325 box-sizing: border-box; 326 margin-bottom: 8px; 327 transition: border-color 0.2s, box-shadow 0.2s; 328 } 329 form textarea { 330 width: 100%; 331 padding: 9px 10px; 332 border: 1px solid var(--grey);; 333 background: var(--grey); 334 border-radius: 6px; 335 font-family: Montserrat, sans-serif; 336 font-size: 12px; 337 color: #000; 338 box-sizing: border-box; 339 margin-bottom: 8px; 340 transition: border-color 0.2s, box-shadow 0.2s; 341 resize: vertical; /* o none / both */ 342 min-height: 80px; /* opzionale */ 343 } 344 345 .noscrollbar {
346 overflow-y: scroll; /* abilita lo scroll verticale */ 347 scrollbar-width: none; /* Firefox */ 348 -ms-overflow-style: none;/* IE 10+ */ 349 } 350 351 .noscrollbar::-webkit-scrollbar { 352 display: none; /* Chrome, Safari */ 353 } 354 355 #pagContainer{ 356 width:1400px; 357 margin:50px auto; 358 } 359 @media screen and (max-width: 1400px) { 360 #pagContainer{ 361 width:calc(100% - 100px); 362 margin:50px auto; 363 padding:0 50px; 364 } 365 } 366 367 @media screen and (max-width: 991px) { 368 h3.gradient-title{ 369 font-size: 50px !important; 370 line-height: 1.2 !important; 371 } 372 } 373 @media screen and (max-width: 500px) { 374 #pagContainer{ 375 width:calc(100% - 40px); 376 padding:0 20px; 377 } 378 h3.gradient-title{ 379 font-size: 40px !important; 380 line-height: 1.2 !important; 381 } 382 } 383 384 /* Scroll top (tema Inspiro: richiede 2 icone + :before/:after; in version_2025 non si carica style.css) */ 385 #scrollTop { 386 z-index: -1; 387 opacity: 0; 388 position: fixed; 389 text-align: center; 390 line-height: 12px !important; 391 right: 26px; 392 bottom: 0; 393 color: #fff; 394 cursor: pointer; 395 border-radius: 100px; 396 height: 40px; 397 width: 40px; 398 background-color: rgba(0, 0, 0, 0.25); 399 background-repeat: no-repeat; 400 background-position: center; 401 transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear; 402 overflow: hidden; 403 display: block; 404 } 405 #scrollTop i { 406 line-height: 39px !important; 407 width: 39px !important; 408 height: 39px !important; 409 font-size: 16px !important; 410 top: 0 !important; 411 left: 0 !important; 412 text-align: center !important; 413 position: relative; 414 z-index: 10; 415 background-color: transparent !important; 416 transform: translate(0, 0); 417 transition: transform 0.2s ease; 418 } 419 #scrollTop:hover { 420 transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.05s linear 0.25s; 421 background-color: transparent !important; 422 } 423 #scrollTop:hover i { 424 transform: translate(0, -39px) !important; 425 } 426 #scrollTop:after, 427 #scrollTop:before { 428 display: block; 429 content: ' '; 430 height: 100%; 431 width: 100%; 432 position: absolute; 433 top: 0; 434 left: 0; 435 z-index: 1; 436 background-color: var(--azzurro); 437 transform: scale(0); 438 transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); 439 border-radius: 100px; 440 } 441 #scrollTop:before { 442 background-color: rgba(255, 255, 255, 0.25); 443 transform: scale(1); 444 transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 445 opacity: 0; 446 z-index: 2; 447 } 448 #scrollTop:hover:after { 449 transform: scale(1); 450 } 451 #scrollTop:active:before { 452 opacity: 1; 453 } 454</style><link rel="stylesheet" href="https://www.yccs.it/fonts/Montserrat/montserrat.css"> 455
456<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
456 457
458<script src="https://www.yccs.it/web/flipbook/js/flipbook.min.js"></script>
458 <link rel="shortcut icon" href="web/images/favicon-yccs/favicon.ico" type="image/x-icon" /> 459 <link rel="apple-touch-icon" href="web/images/favicon-yccs/apple-touch-icon.png" /> 460 <link rel="apple-touch-icon" sizes="57x57" href="web/images/favicon-yccs/apple-touch-icon-57x57.png" /> 461 <link rel="apple-touch-icon" sizes="72x72" href="web/images/favicon-yccs/apple-touch-icon-72x72.png" /> 462 <link rel="apple-touch-icon" sizes="76x76" href="web/images/favicon-yccs/apple-touch-icon-76x76.png" /> 463 <link rel="apple-touch-icon" sizes="114x114" href="web/images/favicon-yccs/apple-touch-icon-114x114.png" /> 464 <link rel="apple-touch-icon" sizes="120x120" href="web/images/favicon-yccs/apple-touch-icon-120x120.png" /> 465 <link rel="apple-touch-icon" sizes="144x144" href="web/images/favicon-yccs/apple-touch-icon-144x144.png" /> 466 <link rel="apple-touch-icon" sizes="152x152" href="web/images/favicon-yccs/apple-touch-icon-152x152.png" /> 467 <link rel="apple-touch-icon" sizes="180x180" href="web/images/favicon-yccs/apple-touch-icon-180x180.png" />
vendor: 85 bytes, lines 467-470
467 468 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 469 470
470<style> 471 .inspiro-slider .slide .slide-captions h1{font-size:65px; line-height:60px} 472 @media screen AND (max-width:800px){ 473 .inspiro-slider .slide .slide-captions h1{font-size:8vw; line-height:7vw} 474 .inspiro-slider .slide .slide-captions h2{font-size:5vw; line-height:4vw} 475 .inspiro-slider .slide .slide-captions h3{font-size:4vw; line-height:3vw} 476 } 477 </style> 478 479
479<script type="text/javascript"> 480 var _iub = _iub || []; 481 _iub.csConfiguration = {"consentOnContinuedBrowsing":false,"invalidateConsentWithoutLog":true,"siteId":2492859,"whitelabel":false,"cookiePolicyId":80257802,"lang":"en-GB", "banner":{ "acceptButtonCaptionColor":"white","acceptButtonColor":"#00aeef","acceptButtonDisplay":true,"backgroundColor":"#808080","closeButtonRejects":true,"customizeButtonCaptionColor":"white","customizeButtonColor":"#212121","customizeButtonDisplay":true,"explicitWithdrawal":true,"position":"bottom","textColor":"white" }}; 482 </script>
482 483
483<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
483 484 485 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 485-486
485 486 <script async src="https://www.googletagmanager.com/gtag/js?id=
486UA-40605968-36
vendor: 76 bytes, lines 486-487
486"></script> 487 <script async src="https://www.googletagmanager.com/gtag/js?id=
487UA-4499527-1
vendor: 13 bytes, lines 487-488
487"></script> 488
488<script> 489
vendor: 134 bytes, lines 489-493
489window.dataLayer = window.dataLayer || []; 490 function gtag(){dataLayer.push(arguments);} 491 gtag('js', new Date()); 492 493 gtag('config', '
493UA-40605968-36
vendor: 6 bytes, lines 493-494
493'); 494
494gtag('config', 'UA-4499527-1'); 495 </script>
495 496</head> 497 498<body> 499 <!-- Body Inner --> 500 <div class="body-inner"> 501 <!-- Header --> 502 <style> 503 #headerDesk{display:block} 504 #headerMob{display:none} 505 @media screen AND (max-width:1023px){ 506 #headerDesk{display:none} 507 #headerMob{display:block} 508 } 509</style> 510<div id="headerDesk"> 511 <style> 512.menuVoice{ 513 color:#000; 514 font-size:12px; 515 font-family: 'Montserrat', sans-serif; 516} 517#headerYCCS { 518 position: fixed; 519 top: 0; 520 background: #fff; 521 width: 100%; 522 height: 130px; 523 display: flex; 524 z-index: 999; 525 opacity: 1; 526 visibility: visible; 527 transition: opacity 0.3s ease, visibility 0.3s ease, box-shadow 0.5s ease; 528} 529 530#headerYCCS.hidden { 531 opacity: 0; 532 visibility: hidden; 533} 534 535#headerYCCS.shadow { 536 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 537} 538 539.menuWrapper { 540 position: relative; 541} 542 543.subMenu { 544 position: absolute; 545 top: 100%; 546 left: 0; 547 background: #fff; 548 box-shadow: 0 4px 10px rgba(0,0,0,0.1); 549 border-radius: 6px; 550 opacity: 0; 551 visibility: hidden; 552 transform: translateY(10px); 553 transition: all 0.25s ease; 554 padding: 10px 0; 555 min-width: 200px; 556 display: flex; 557 flex-direction: column; 558 z-index: 1000; 559} 560 561.subMenu a { 562 padding: 8px 16px; 563 font-family: 'Montserrat', sans-serif; 564 font-size: 12px; 565 line-height:1.3; 566 color: #000; 567 text-decoration: none; 568 transition: background 0.2s; 569} 570 571.subMenu a:hover { 572 background-color: #f3f3f3; 573} 574 575.menuWrapper:hover .subMenu { 576 opacity: 1; 577 visibility: visible; 578 transform: translateY(0); 579} 580.menuContainerLeftTop{ 581 width:285px; 582 height:47px; 583 padding-bottom:5px; 584 border-bottom:solid 1px #aaa; 585 margin-left:40px; 586 display:flex; 587 gap:28px; 588} 589.menuContainerLeft{ 590 //width:calc(100% - 80px); 591 height:21px; 592 margin-left:40px; 593 margin-bottom:2px; 594 display:flex; 595 gap:33px; 596} 597.blockLogo{ 598 width:290px; 599 height:130px; 600 position:relative; 601} 602.logoHeader{ 603 width:100%; 604 margin-top:30px; 605} 606.blockRight{ 607 flex:1; 608 height:130px; 609 display:flex; 610 gap:20px; 611} 612.menuContainerRigt{ 613 height:21px; 614 margin-bottom:2px; 615 display:flex; 616 gap:33px; 617 justify-content:right; 618} 619 620/* Posizionamento per il sottomenu di secondo livello */ 621.subMenu .menuWrapper { 622 position: relative; 623 width: 100%; 624} 625 626.subMenu .nestedSubMenu { 627 position: absolute; 628 top: 0; 629 left: 100%; /* Appare a destra del primo sottomenu */ 630 background: #fff; 631 box-shadow: 4px 4px 10px rgba(0,0,0,0.1); 632 border-radius: 6px; 633 opacity: 0; 634 visibility: hidden; 635 transform: translateX(10px); 636 transform: translateY(-20px); 637 transition: all 0.25s ease; 638 padding: 10px 0; 639 min-width: 220px; 640 display: flex; 641 flex-direction: column; 642 z-index: 1001; 643} 644 645/* Effetto Hover per il secondo livello */ 646.subMenu .menuWrapper:hover > .nestedSubMenu { 647 opacity: 1; 648 visibility: visible; 649 transform: translateX(0px); 650} 651 652/* Freccetta indicatrice per voci con sottomenu */ 653.has-nested::after { 654 content: 'â¶'; 655 font-size: 15px; 656 float: right; 657 margin-top: 4px; 658 margin-right: 10px; 659 color: #aaa; 660} 661 662@media screen AND (max-width:1670px){ 663 .menuContainerLeft{ 664 gap:15px; 665 } 666 .menuContainerRigt{ 667 gap:12px; 668 } 669} 670@media screen AND (max-width:1480px){ 671 .menuContainerLeftTop{ 672 margin-left:10px; 673 gap:12px; 674 width:240px; 675 } 676 .menuContainerLeft{ 677 margin-left:10px; 678 gap:12px; 679 } 680 .blockRight{ 681 gap:10px; 682 } 683 .menuContainerRigt{ 684 gap:12px; 685 } 686} 687@media screen AND (max-width:1390px){ 688 .blockLogo{ 689 width:200px; 690 margin-top:15px; 691 position:absolute; 692 left:50%; 693 margin-left:-100px 694 } 695 .logoHeader{ 696 position:absolute; 697 top:0; 698 left:50%; 699 margin-left:-100px; 700 //tranform:translate(-50%, -50%); 701 //width:290px; 702 } 703} 704@media screen AND (max-width:1100px){ 705 .menuContainerLeft{ 706 width:520px; 707 margin-left:5px; 708 gap:8px; 709 } 710 .menuContainerRigt{ 711 gap:8px; 712 } 713} 714</style> 715 716 717<div id="headerYCCS"> 718 <div style="flex:1; height:130px; display:flex; flex-direction:column;"> 719 <div class="menuContainerLeftTop"> 720 <a href="en/news.html" class="menuVoice" style="margin-top:5px;">News</a> 721 <a href="en/yccs-app.html" class="menuVoice" style="margin-top:5px;">YCCS App</a> 722 <a href="en/magazine.html" class="menuVoice" style="margin-top:5px;">Magazine</a> 723 <a href="en/sail_talk.html" class="menuVoice" style="margin-top:5px;">Sail Talk</a> 724 </div> 725 <div style="flex:1; width:100%;"></div> 726 <div class="menuContainerLeft"> 727 <div style="display:flex; gap:5px; align-items:center;"> 728 <div class="menuWrapper"> 729 <div class="menuItem"> 730 <a style="cursor:pointer;" class="menuVoice">YCCS</a> 731 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/> 732 </div> 733 <div class="subMenu"> 734 735 <a href="en/lo-yccs/la-storia.html" title="YCCS History - YCCS - "> 736 YCCS History 737 </a> 738 739 <a href="en/lo-yccs/consiglio_direttivo.html" title="Board of Directors - YCCS - "> 740 Board of Directors 741 </a> 742 743 <a href="en/lo-yccs/club_gemellati.html" title="Twinned YCCSs - YCCS - "> 744 Twinned YCCSs 745 </a> 746 747 <a href="en/lo-yccs/club_con_reciprocita.html" title="Clubs with reciprocity - YCCS - "> 748 Clubs with reciprocity 749 </a> 750 751 <div class="menuWrapper"> 752 <a style="cursor:pointer;" class="has-nested"> 753 Azzurra </a> 754 <div class="nestedSubMenu"> 755 <a href="en/azzurra/40_anni_di_azzurra.html"> 756 40 Years of Azzurra </a> 757 758 759 <a href="https://www.yccs.it/en/azzurra/azzurra_at_the_amer
759icas_cup-1.html">Azzurra at the America's Cup</a> 760 761 <a href="https://www.yccs.it/en/azzurra/2009_the_return_of_azzurra-2.html">2009, the return of Azzurra</a> 762 763 <a href="https://www.yccs.it/en/azzurra/azzurra_tp52-3.html">Azzurra, TP52</a> 764 </div> 765 </div> 766 </div> 767 </div> 768 </div> 769 770 <div style="display:flex; gap:5px; align-items:center;"> 771 <div class="menuWrapper"> 772 <div class="menuItem"> 773 <a href="en/regate-2026.html" class="menuVoice">Regattas</a> 774 </div> 775 </div> 776 </div> 777 778 <div style="display:flex; gap:5px; align-items:center;"> 779 <div class="menuWrapper"> 780 <div class="menuItem"> 781 <a href="en/yccs-sailing-school.html" title="YCCS PORTO CERVO - YCCS Sailing School" class="menuVoice"> 782 Sailing School </a> 783 </div> 784 </div> 785 </div> 786 787 <div style="display:flex; gap:5px; align-items:center;"> 788 <div class="menuWrapper"> 789 <div class="menuItem"> 790 <a style="cursor:pointer;" class="menuVoice">Young Azzurra</a> 791 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/> 792 </div> 793 <div class="subMenu"> 794 <a href="en/young-azzurra.html" title="Young Azzurra">Homepage</a> 795 <a href="en/young-azzurra/call-for-young-sailors.html" title="Young Azzurra - Call for Young Sailors">Call for Young Sailors</a> 796 <a href="en/young-azzurra/atleti.html" title="Young Azzurra - Atleti Young Azzurra">Atleti Young Azzurra</a> 797 <a href="en/young-azzurra/news.html" title="Young Azzurra - News">News</a> 798 <a href="en/young-azzurra/photogallery.html" title="Young Azzurra - Photogallery">Photogallery</a> 799 <a href="en/young-azzurra/video_gallery.html" title="Young Azzurra - Video Gallery">Video Gallery</a> 800 </div> 801 </div> 802 </div> 803 804 </div> 805 </div> 806 807 <div class="blockLogo"> 808 <a href="/"><img src="https://www.yccs.it/web/images/Logo_YCCS.png" class="logoHeader" alt="Yacht Club Costa Smeralda"/></a> 809 </div> 810 811 <div class="blockRight"> 812 <div style="flex:1; display:flex; flex-direction:column; "> 813 <div style="width:100%; height:22px; margin-top:21px; display:flex; justify-content:flex-end"> 814 <div style="width:151px; border-bottom: solid 1px #aaa; display:flex; gap:22px; padding-bottom:4px; align-items:center"> 815 <div style="display:flex; gap:10px; align-items:center"> 816 <a href="https://www.instagram.com/yccs_portocervo/" target="_blank" title="Follow Yccs Porto Cervo on Instagram"><img src="https://www.yccs.it/web/images/icon_instagram.png" style="width:17px;" alt="Instagram"/></a> 817 <a href="https://www.youtube.com/user/YCCostaSmeralda" target="_blank" title="Follow Yccs Porto Cervo on YouTube"><img src="https://www.yccs.it/web/images/icon_youtube.png" style="width:17px;" alt="YouTube"/></a> 818 <a href="https://twitter.com/YccsPortoCervo" target="_blank" title="Follow Yccs Porto Cervo on X"><img src="https://www.yccs.it/web/images/icon_x.png" style="width:17px;" alt="X"/></a> 819 </div> 820 <div style="display:flex; gap:7px"> 821 <a href="https://www.yccs.it/area-soci/login.html" title="Yacht Club Costa Smeralda - Versione Italiana"> 822 <img src="https://www.yccs.it/web/images/icon_Italy.png" style="width:25px; height:17px;" alt="Italiano"/> 823 </a> 824 825 <img src="https://www.yccs.it/web/images/icon_gb.png" style="width:25px; height:17px; opacity:0.4;" alt="English"/> 826 </div> 827 </div> 828 </div> 829 830 <div style="flex:1; width:100%;"></div> 831 832 <div class="menuContainerRigt"> 833 <div style="display:flex; gap:5px; align-items:center;"> 834 <div class="menuWrapper"> 835 <div class="menuItem"> 836 <a style="cursor:pointer;" class="menuVoice">Services</a> 837 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/> 838 </div> 839 <div class="subMenu"> 840 841 <a href="en/servizi/hotel-yacht-club-costa-smeralda.html" title="Hotel Yacht Club Costa Smeralda - Services - "> 842 Hotel Yacht Club Costa Smeralda 843 </a> 844 845 <a href="en/servizi/yccs-wellness-center.html" title="YCCS Wellness Center & Spa - Services - "> 846 YCCS Wellness Center & Spa 847 </a> 848 849 <a href="en/servizi/la-piazza-azzurra.html" title="Piazza Azzurra - Services - "> 850 Piazza Azzurra 851 </a> 852 853 <a href="en/servizi/sailing-center-marina.html" title="Sailing Center & Marina - Services - "> 854 Sailing Center & Marina 855 </a> 856 </div> 857 </div>
858 </div> 859 860 <div style="display:flex; gap:5px; align-items:center;"> 861 <div class="menuWrapper"> 862 <div class="menuItem"> 863 <a style="cursor:pointer;" class="menuVoice">Sustainability</a> 864 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/> 865 </div> 866 <div class="subMenu"> 867 <a href="en/yccs_e_sostenibilita/one-ocean.html" title="YCCS and Sustainability - One Ocean">One Ocean</a> 868 <a href="en/yccs_e_sostenibilita/yccs_sostenibilita.html" title="YCCS and Sustainability">YCCS and Sustainability</a> 869 <a href="en/yccs_e_sostenibilita/charta_smeralda.html" title="YCCS and Sustainability - Charta Smeralda">Charta Smeralda</a> 870 <a href="en/yccs_e_sostenibilita/yccs_clean_beach_day.html" title="YCCS and Sustainability - YCCS Clean Beach Day">YCCS Clean Beach Day</a> 871 </div> 872 </div> 873 </div> 874 875 <div style="display:flex; gap:5px; align-items:center;"> 876 <div class="menuWrapper"> 877 <div class="menuItem"> 878 <a href="en/meteo.html" title="Meteo" class="menuVoice"> 879 Meteo 880 </a> 881 </div> 882 </div> 883 </div> 884 885 <div style="display:flex; gap:5px; align-items:center;"> 886 <div class="menuWrapper"> 887 <div class="menuItem"> 888 <a href="en/press.html" title="YCCS PORTO CERVO - Press" class="menuVoice"> 889 Press 890 </a> 891 </div> 892 </div> 893 </div> 894 895 <div style="display:flex; gap:5px; align-items:center;"> 896 <div class="menuWrapper"> 897 <div class="menuItem"> 898 <a style="cursor:pointer;" class="menuVoice">Members Area</a> 899 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/> 900 </div> 901 <div class="subMenu"> 902 <a href="en/area-soci/login.html" title="Members Area - Login - Yacht Club Costa Smeralda"><span class="label label-danger" style="padding:5px; font-size:1em; background:#00aeef; border-radius:2px; color:#fff">LOGIN</span></a> 903 <a href="en/area-soci/registrazione.html" title="Members Area - Register - Yacht Club Costa Smeralda">Register</a> 904 <a href="en/area-soci/recupera-password.html" title="Members Area - Password Recovery - Yacht Club Costa Smeralda" >Password Recovery</a> 905 </div> 906 </div> 907 </div> 908 </div> 909 </div> 910 <div style="width:200px; height:110px; margin-top:10px; border-left:solid 1px #AAA;"> 911 <div style="width:170px; height:86px; margin-top:2px; margin-left:25px; display:flex; gap:5px; align-items:center; justify-content:space-between"> 912 <div style="width:75px; height:57px; "> 913 <img src="https://www.yccs.it/web/images/rolex_logo.png" style="width:100%" alt="Rolex - Official Timepiece"/> 914 </div> 915 <div style="width:65px; height:65px;"> 916 <iframe src="https://static.rolex.com/clocks/2022/YCCS_mobile_en_HTML_65x65/rolex.html" style="width:65px;height:65px;border:0;margin:0;padding:0;overflow:hidden;scroll:none" SCROLLING=NO frameborder="NO"></iframe> 917 </div> 918 </div> 919 </div> 920 </div> 921</div> 922<div style="width:100%; height:130px;"> 923 924</div>
925<script> 926let lastScrollTop = 0; 927const header = document.getElementById('headerYCCS'); 928let headerHidden = false; 929let headerShownByMouse = false; 930let hideHeaderTimeout = null; 931 932function isCfsFixedAnchorNav() { 933 const nav = document.getElementById('cfsAnchorsNav'); 934 return !!(document.querySelector('.cfs-page') && nav && nav.classList.contains('is-fixed')); 935} 936 937window.addEventListener('scroll', () => { 938 const currentScroll = window.pageYOffset || document.documentElement.scrollTop; 939 940 if (currentScroll > lastScrollTop && currentScroll > 150) { 941 // Scroll verso il basso: nascondi con fade 942 header.classList.add('hidden'); 943 header.classList.remove('shadow'); 944 headerHidden = true; 945 headerShownByMouse = false; 946 if (hideHeaderTimeout) { 947 clearTimeout(hideHeaderTimeout); 948 hideHeaderTimeout = null; 949 } 950 } else { 951 // Scroll verso lâalto: mostra con fade 952 header.classList.remove('hidden'); 953 if (currentScroll > 0) { 954 header.classList.add('shadow'); 955 } else { 956 header.classList.remove('shadow'); 957 } 958 headerHidden = false; 959 headerShownByMouse = false; 960 // Nascondi dopo 2 secondi se lo scroll si ferma, ma solo se non siamo al top 961 if (hideHeaderTimeout) clearTimeout(hideHeaderTimeout); 962 if (currentScroll > 0) { 963 hideHeaderTimeout = setTimeout(() => { 964 if (!headerHidden && !headerShownByMouse && (window.pageYOffset || document.documentElement.scrollTop) > 0) { 965 header.classList.add('hidden'); 966 header.classList.remove('shadow'); 967 headerHidden = true; 968 } 969 }, 2000); 970 } 971 } 972 973 lastScrollTop = currentScroll <= 0 ? 0 : currentScroll; 974}); 975 976// Riappare anche col mouse vicino al top 977// E sparisce se si esce dall'header dopo hover top 978 979document.addEventListener('mousemove', (e) => { 980 if (isCfsFixedAnchorNav()) return; 981 if (e.clientY < 50 && headerHidden) { 982 header.classList.remove('hidden'); 983 header.classList.add('shadow'); 984 headerHidden = false; 985 headerShownByMouse = true; 986 if (hideHeaderTimeout) { 987 clearTimeout(hideHeaderTimeout); 988 hideHeaderTimeout = null; 989 } 990 } 991}); 992 993header.addEventListener('mouseleave', (e) => { 994 if (isCfsFixedAnchorNav()) { 995 const nav = document.getElementById('cfsAnchorsNav'); 996 const rel = e.relatedTarget; 997 if (nav && rel && (nav === rel || nav.contains(rel))) return; 998 return; 999 } 1000 if (headerShownByMouse && (window.pageYOffset || document.documentElement.scrollTop) > 0) { 1001 header.classList.add('hidden'); 1002 header.classList.remove('shadow'); 1003 headerHidden = true; 1004 headerShownByMouse = false; 1005 } 1006}); 1007 1008header.addEventListener('mouseenter', () => { 1009 if (headerShownByMouse && hideHeaderTimeout) { 1010 clearTimeout(hideHeaderTimeout); 1011 hideHeaderTimeout = null; 1012 } 1013}); 1014</script>
1014</div> 1015<div id="headerMob"> 1016 <style> 1017.blockModLeft, .blockModRight{ 1018 width:150px; 1019} 1020.blockClock{ 1021 width:150px; 1022 height:86px; 1023 margin-top:2px; 1024 margin-left:10px; 1025 display:flex; 1026 align-items:center; 1027} 1028.logoRolexMob{ 1029 width:65px; 1030 height:49.4px; 1031 margin-top:5px; 1032 margin-left:15px; 1033} 1034.blockLogoMob{ 1035 width:calc(100% - 300px); 1036 text-align:center; 1037 align-items:center; 1038} 1039.blockTopRightMob{ 1040 width:135px; 1041 margin-right:10px; 1042 border-bottom: solid 1px #aaa; 1043 display:flex; gap:15px; 1044 padding-bottom:4px; 1045} 1046@media screen AND (max-width:479px){ 1047 .blockModLeft, .blockModRight{ 1048 width:80px; 1049 } 1050 .blockClock{ 1051 width:80px; 1052 padding-right:0px; 1053 flex-direction: column; 1054 margin-left:-8px; 1055 margin-top:-15px; 1056 } 1057 .logoRolexMob{ 1058 margin-top:10px; 1059 } 1060 .blockLogoMob{ 1061 width:calc(100% - 160px); 1062 } 1063} 1064@media screen AND (max-width:370px){ 1065 .blockSocialMob{display:none !important;} 1066 .blockTopRightMob{ 1067 width:55px; 1068 } 1069} 1070</style> 1071<div style="position:fixed; width:100%; height:120px; display:flex; align-items:center; background:#fff; z-index:1000"> 1072 <div class="blockModLeft"> 1073 <div style="height:110px; margin-top:10px;"> 1074 <div class="blockClock"> 1075 <div style="width:55px; height:55px;"> 1076 <iframe src="https://static.rolex.com/clocks/2022/YCCS_mobile_en_HTML_65x65/rolex.html" style="width:65px;height:65px;border:0;margin:0;padding:0;overflow:hidden;scroll:none" SCROLLING=NO frameborder="NO"></iframe> 1077 </div> 1078 <div class="logoRolexMob"> 1079 <img src="https://www.yccs.it/web/images/rolex_logo.png" style="width:100%" alt="Rolex - Official Timepiece"/> 1080 </div> 1081 </div> 1082 </div> 1083 </div> 1084 <div class="blockLogoMob"> 1085 <a href="/"><img src="https://www.yccs.it/web/images/Logo_YCCS.png" style="max-width:290px !important; min-width:160px !important; width:90%; " alt="Yacht Club Costa Smeralda"/></a> 1086 </div> 1087 <div class="blockModRight"> 1088 <div style="width:100%; height:22px; margin-top:10px; display:flex; justify-content:flex-end"> 1089 <div class="blockTopRightMob"> 1090 <div style="display:flex; gap:5px; align-items:center" class="blockSocialMob"> 1091 <a href="https://www.instagram.com/yccs_portocervo/" target="_blank" title="Follow Yccs Porto Cervo on Instagram"><img src="https://www.yccs.it/web/images/icon_instagram.png" style="width:17px;" alt="Instagram"/></a> 1092 <a href="https://www.youtube.com/user/YCCostaSmeralda" target="_blank" title="Follow Yccs Porto Cervo on YouTube"><img src="https://www.yccs.it/web/images/icon_youtube.png" style="width:18px;" alt="YouTube"/></a> 1093 <a href="https://twitter.com/YccsPortoCervo" target="_blank" title="Follow Yccs Porto Cervo on X"><img src="https://www.yccs.it/web/images/icon_x.png" style="width:18px;" alt="X"/></a> 1094 </div> 1095 <div style="display:flex; gap:5px"> 1096 <a href="https://www.yccs.it/area-soci/login.html" title="Yacht Club Costa Smeralda - Versione Italiana"> 1097 <img src="https://www.yccs.it/web/images/icon_Italy.png" style="width:25px;" alt="Italiano"/> 1098 </a> 1099 1100 <img src="https://www.yccs.it/web/images/icon_gb.png" style="width:25px; opacity:0.4;" alt="English"/> 1101 </div> 1102 </div> 1103 </div> 1104 <div style="width:100%; height:88px; text-align:right; display:flex; align-items:flex-end" onclick="toggleMenu();"> 1105 <div style="position:relative; width:calc(100% - 10px); height:40px; margin-right:10px; margin-top:20px;"> 1106 <img src="https://www.yccs.it/web/images/icon_menu.jpg" id="iconMenuBar" style="width:40px; height:40px; position:absolute; bottom:20px; right:0; transition: all 0.5s ease"> 1107 <img src="https://www.yccs.it/web/images/close.png" id="iconMenuEx" style="width:40px; height:40px; position:absolute; bottom:20px; right:0; opacity:0; transition: all 0.5s ease"> 1108 </div> 1109 </div> 1110 </div> 1111</div> 1112<div style="width:100%; height:120px;"> 1113 1114</div> 1115 1116<style> 1117 1118 #menuMobInnerPanel::-webkit-scrollbar {
1119 display: none; 1120 } 1121 1122 #menuMobInnerPanel { 1123 -ms-overflow-style: none; /* IE and Edge */ 1124 scrollbar-width: none; /* Firefox */ 1125 } 1126 .subMenuMob{ 1127 opacity:0 !important; 1128 visibility:hidden !important; 1129 top:0px !important; 1130 right:-65px !important; 1131 left:auto !important; 1132 width:200px; 1133 position:relative !important; 1134 overflow:hidden; 1135 height:0px; 1136 margin-bottom:0px; 1137 padding:0 !important; 1138 transition: all 1s ease, opacity 1s ease, transform 1s ease; 1139 transform: translateX(20px) 1140 } 1141 .subMenuMob a{ 1142 padding:6px 10px !important; 1143 line-height:14px; 1144 } 1145 .subMenuMob.show { 1146 opacity: 1 !important; 1147 visibility: visible !important; 1148 height: auto !important; 1149 padding: 10px 0 !important; 1150 margin-bottom: 20px !important; 1151 right: 0px !important; 1152 transition: all 1s ease, opacity 1s ease, transform 1s ease; 1153 transform: translateX(45px); 1154 } 1155 1156</style> 1157<div id="menuMobPanel" style="position:fixed; width:280px; height:calc(100% - 120px); top:120px; right:-300px; background:white; z-index:1000; box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.1); transition: all 0.5s ease;"> 1158 <div id="menuMobInnerPanel" style="width:calc(100% - 40px); height:calc(100% - 40px); padding:20px; text-align:right; overflow-y:scroll;"> 1159 <div class=""> 1160 <div style="padding:5px 0"> 1161 <a style="cursor:pointer; color:#000;" class="menuVoice">YCCS</a> 1162 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/> 1163 </div> 1164 <div class="subMenu subMenuMob"> 1165 1166 <a href="en/lo-yccs/la-storia.html" title="YCCS History - YCCS - "> 1167 YCCS History 1168 </a> 1169 1170 <a href="en/lo-yccs/consiglio_direttivo.html" title="Board of Directors - YCCS - "> 1171 Board of Directors 1172 </a> 1173 1174 <a href="en/lo-yccs/club_gemellati.html" title="Twinned YCCSs - YCCS - "> 1175 Twinned YCCSs 1176 </a> 1177 1178 <a href="en/lo-yccs/club_con_reciprocita.html" title="Clubs with reciprocity - YCCS - "> 1179 Clubs with reciprocity 1180 </a> 1181 1182 1183 <div style="padding:5px 25px 5px 0;"> 1184 <a style="cursor:pointer; color:#000;" class="menuVoice" style="font-weight:bold;">Azzurra</a> 1185 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/> 1186 </div> 1187 <div class="subMenu subMenuMob"> 1188 <a href="en/azzurra/40_anni_di_azzurra.html">40 Years of Azzurra</a> 1189 1190 <a href="https://www.yccs.it/en/azzurra/azzurra_at_the_americas_cup-1.html">Azzurra at the America's Cup</a> 1191 1192 <a href="https://www.yccs.it/en/azzurra/2009_the_return_of_azzurra-2.html">2009, the return of Azzurra</a> 1193 1194 <a href="https://www.yccs.it/en/azzurra/azzurra_tp52-3.html">Azzurra, TP52</a> 1195 </div> 1196 </div> 1197 1198 <div style="padding:5px 0"> 1199 <a href="en/regate-2025.html" class="menuVoice">Regattas</a> 1200 </div> 1201 1202 <div style="padding:5px 0"> 1203 <a href="en/yccs-sailing-school.html" title="YCCS Sailing School" class="menuVoice"> 1204 Sailing School </a> 1205 </div> 1206 1207 <div style="padding:5px 0"> 1208 <a style="cursor:pointer; color:#000;" class="menuVoice">Young Azzurra</a> 1209 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/> 1210 </div> 1211 <div class="subMenu subMenuMob"> 1212 <a href="en/young-azzurra.html" title="Young Azzurra">Homepage</a> 1213 <a href="en/young-azzurra/call-for-young-sailors.html" title="Young Azzurra - Call for Young Sailors">Call for Young Sailors</a> 1214 <a href="en/young-azzurra/atleti.html" title="Young Azzurra - Atleti Young Azzurra">Atleti Young Azzurra</a> 1215 <a href="en/young-azzurra/news.html" title="Young Azzurra - News">News</a> 1216 <a href="en/young-azzurra/photogallery.html" title="Young Azzurra - Photogallery">Photogallery</a> 1217 <a href="en/young-azzurra/video_gallery.html" title="Young Azzurra - Video Gallery">Video Gallery</a> 1218 </div> 1219 1220 1221 1222 <div style="padding:5px 0"> 1223 <a style="cursor:pointer; color:#000;" class="menuVoice">Services</a> 1224 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/> 1225 </div> 1226 <div class="subMenu subMenuMob"> 1227 1228 <a href="en/servizi/hotel-yacht-club-costa-smeralda.html" title="Hotel Yacht Club Costa Smeralda - Services - "> 1229 Hotel Yacht Club Costa Smeralda 1230 </a> 1231 1232 <a href="en/servizi/yccs-wellness-center.html" title="YCCS Wellness Center & Spa - Services - "> 1233 YCCS Wellness Center & Spa 1234 </a> 1235 1236 <a href="en/servizi/la-piazza-azzurra.html" title="Piazza Azzurra - Services - "> 1237 Piazza Azzurra 1238 </a> 1239 1240 <a href="en/servizi/sailing-center-marina.html" title="Sailing Center & Marina - Services - "> 1241 Sailing Center & Marina 1242 </a> 1243 </div> 1244 1245 1246 <div style="padding:5px 0"> 1247 <a style="cursor:pointer; color:#000;" class="menuVoice">Sustainability</a> 1248 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/> 1249 </div> 1250 <div class="subMenu subMenuMob">
1251 <a href="en/yccs_e_sostenibilita/one-ocean.html" title="YCCS and Sustainability - One Ocean">One Ocean</a> 1252 <a href="en/yccs_e_sostenibilita/yccs_sostenibilita.html" title="YCCS and Sustainability">YCCS and Sustainability</a> 1253 <a href="en/yccs_e_sostenibilita/charta_smeralda.html" title="YCCS and Sustainability - Charta Smeralda">Charta Smeralda</a> 1254 <a href="en/yccs_e_sostenibilita/yccs_clean_beach_day.html" title="YCCS and Sustainability - YCCS Clean Beach Day">YCCS Clean Beach Day</a> 1255 </div> 1256 1257 <div style="padding:5px 0"> 1258 <a href="en/meteo.html" title="YCCS Sailing School" class="menuVoice"> 1259 Meteo 1260 </a> 1261 </div> 1262 1263 <div style="padding:5px 0"> 1264 <a href="en/press.html" title="Press" class="menuVoice"> 1265 Press 1266 </a> 1267 </div> 1268 1269 <div style="padding:5px 0"> 1270 <a style="cursor:pointer; color:#000;" class="menuVoice">Members Area</a> 1271 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px;" alt=""/> 1272 </div> 1273 <div class="subMenu subMenuMob"> 1274 <a href="en/area-soci/login.html" title="Members Area - Login - Yacht Club Costa Smeralda"><span class="label label-danger" style="padding:5px; font-size:1em; background:#00aeef; border-radius:2px; color:#fff">LOGIN</span></a> 1275 <a href="en/area-soci/registrazione.html" title="Members Area - Register - Yacht Club Costa Smeralda">Register</a> 1276 <a href="en/area-soci/recupera-password.html" title="Members Area - Password Recovery - Yacht Club Costa Smeralda" >Password Recovery</a> 1277 </div> 1278 1279 <div style="padding:5px 0; margin-top:20px;"> 1280 <a href="en/news.html" class="menuVoice" style="margin-top:25px;">News</a> 1281 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px; opacity:0;" alt=""/> 1282 </div> 1283 <div style="padding:5px 0"> 1284 <a href="en/magazine.html" class="menuVoice" style="margin-top:25px;">Magazine</a> 1285 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px; opacity:0;" alt=""/> 1286 </div> 1287 <div style="padding:5px 0"> 1288 <a href="en/sail_talk.html" class="menuVoice" style="margin-top:25px;">Sail Talk</a> 1289 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px; opacity:0;" alt=""/> 1290 </div> 1291 <div style="padding:5px 0"> 1292 <a href="en/yccs-app.html" class="menuVoice" style="margin-top:25px;">YCCS App</a> 1293 <img src="https://www.yccs.it/web/images/icon_down.png" style="width:8px; opacity:0;" alt=""/> 1294 </div> 1295 1296 <div style="display:flex; gap:10px; align-items:center; margin-top:20px; margin-right:10px; justify-content:flex-end"> 1297 <a href="https://www.instagram.com/yccs_portocervo/" target="_blank" title="Follow Yccs Porto Cervo on Instagram"><img src="https://www.yccs.it/web/images/icon_instagram.png" style="width:17px;" alt="Instagram"/></a> 1298 <a href="https://www.youtube.com/user/YCCostaSmeralda" target="_blank" title="Follow Yccs Porto Cervo on YouTube"><img src="https://www.yccs.it/web/images/icon_youtube.png" style="width:18px;" alt="YouTube"/></a> 1299 <a href="https://twitter.com/YccsPortoCervo" target="_blank" title="Follow Yccs Porto Cervo on X"><img src="https://www.yccs.it/web/images/icon_x.png" style="width:18px;" alt="X"/></a> 1300 </div> 1301 </div> 1302 </div> 1303</div>
1304<script> 1305 var menu=0; 1306 function toggleMenu(){ 1307 if(menu==0){ 1308 menu=1; 1309 document.getElementById('iconMenuBar').style.opacity='0'; 1310 document.getElementById('iconMenuEx').style.opacity='1'; 1311 document.getElementById('menuMobPanel').style.right='0px'; 1312 }else{ 1313 menu=0; 1314 document.getElementById('iconMenuBar').style.opacity='1'; 1315 document.getElementById('iconMenuEx').style.opacity='0'; 1316 document.getElementById('menuMobPanel').style.right='-300px'; 1317 } 1318 } 1319</script>
1319 1320
1321<script> 1322document.addEventListener("DOMContentLoaded", function () { 1323 const menuVoices = document.querySelectorAll('.menuVoice'); 1324 1325 menuVoices.forEach((voice, index) => { 1326 voice.addEventListener('click', function (e) { 1327 const currentSubMenu = this.parentElement.nextElementSibling; 1328 1329 // Se NON esiste un subMenu accanto, lascia funzionare il link 1330 if (!currentSubMenu || !currentSubMenu.classList.contains('subMenuMob')) { 1331 return; // esegui comportamento normale (vai al link) 1332 } 1333 1334 // Altrimenti blocca click e gestisci apertura sottomenu 1335 e.preventDefault(); 1336 1337 const allSubmenus = document.querySelectorAll('.subMenuMob'); 1338 1339 // Chiude tutti i subMenu tranne quello cliccato e i suoi antenati (es. Lo YCCS quando apri Azzurra) 1340 allSubmenus.forEach(sub => { 1341 if (sub !== currentSubMenu && !sub.contains(currentSubMenu)) { 1342 sub.classList.remove('show'); 1343 } 1344 }); 1345 1346 // Toggle apertura/chiusura submenu attuale 1347 currentSubMenu.classList.toggle('show'); 1348 }); 1349 }); 1350}); 1351</script>
1351</div> 1352 <!-- end: Header --> 1353 1354 <style> 1355 .media-slider-container-title { 1356 position: relative; 1357 width: 100%; 1358 height: 300px; 1359 overflow: hidden; 1360 } 1361 1362 .media-slider-wrapper-title { 1363 position: relative; 1364 width: 100%; 1365 height: 100%; 1366 } 1367 1368 .media-slide-title { 1369 position: absolute; 1370 top: 0; 1371 left: 0; 1372 width: 100%; 1373 height: 100%; 1374 opacity: 0; 1375 transition: opacity 1s ease; 1376 z-index: 0; 1377 } 1378 1379 .media-slide-title.active { 1380 opacity: 1; 1381 z-index: 1; 1382 } 1383 1384 .slide-background-video-title, 1385 .slide-background-image-title { 1386 width: 100%; 1387 height: 100%; 1388 object-fit: cover; 1389 } 1390 .slide-background-image-title { 1391 position: absolute; 1392 top: 0; 1393 left: 0; 1394 } 1395 1396 .slide-content-overlay-title { 1397 position: absolute; 1398 width:650px; 1399 bottom: 100px; 1400 left: 115px; 1401 color: #fff; 1402 z-index: 2; 1403 } 1404 .slide-content-overlay-title h1 { 1405 font-size: 64px; 1406 line-height:1 !important; 1407 margin: 0; 1408 font-weight:800; 1409 } 1410 .slide-content-overlay-title h3 { 1411 font-size: 32px; 1412 margin: 0; 1413 } 1414 1415 .slide-content-overlay-title .slide-date-title { font-size: 15px; } 1416 1417 .slide-info-link-title { 1418 display: flex; 1419 gap:42px; 1420 align-items: center; 1421 color: #fff; text-decoration: none; 1422 margin-top: 10px; 1423 padding-top: 10px; 1424 border-top:solid 1px #fff; 1425 } 1426 .slide-info-arrow-title { 1427 width: 29px; height: 42px; 1428 margin-right: -10px; 1429 transition: transform 0.4s ease; 1430 } 1431 .slide-info-link-title:hover .slide-info-arrow-title { 1432 transform: translateX(15px); 1433 } 1434 @media screen and (max-width: 1200px) { 1435 .slide-content-overlay-title { 1436 left:60px !important; 1437 } 1438 .slide-content-overlay-title h1 { 1439 font-size: 54px !important; 1440 } 1441 .slide-content-overlay-title h3 { 1442 font-size: 28px !important; 1443 } 1444 } 1445 @media screen and (max-width: 800px) { 1446 .slide-content-overlay-title { 1447 left:30px !important; 1448 width:calc(100% - 60px) !important; 1449 } 1450 } 1451</style> 1452 1453 1454<div style="width:width:100%; height:300px; position:relative;"> 1455 <div class="media-slider-container-title" style="height:300px;"> 1456 <div class="media-slider-wrapper-title"> 1457 <div class="media-slide-title active"> 1458 <video autoplay muted loop playsinline class="slide-background-video-title"> 1459 <source src="https://www.yccs.it/web/video/blue-sea.mp4" type="video/mp4"> 1460 </video> 1461 <div class="slide-content-overlay-title"> 1462 <h1 style="color:#fff">Login</h1> 1463 <div style="display:flex; gap:10px;"> 1464 <a class="slide-info-link-title" href="/" style="gap:5px; border:none; margin-top:5px; padding-top:0;" title="Home - Yacht Club Costa Smeralda"> 1465 <div class="slide-date-title">Home </div> 1466 <img src="web/images/freccia_bianca.png" style="transform:scale(0.5);" class="slide-info-arrow-title" alt=""> 1467 </a> 1468 <a class="slide-info-link-title" title="Members Area - Yacht Club Costa Smeralda" style="gap:5px; border:none; margin-top:5px; padding-top:0;"> 1469 <div class="slide-date-title" style="color:#fff">Members Area</div> 1470 <img src="web/images/freccia_bianca.png" style="transform:scale(0.5);" class="slide-info-arrow-title" alt=""> 1471 </a> 1472 <a class="slide-info-link-title" title="Login - Yacht Club Costa Smeralda" style="gap:5px; border:none; margin-top:5px; padding-top:0;"> 1473 <div class="slide-date-title" style="color:#fff">Login</div> 1474 1475 </a> 1476 </div> 1477 </div> 1478 </div> 1479 </div> 1480 </div> 1481</div> 1482 <style> 1483 .form-group label:not(.error) {font-weight: 600; color:#111111} 1484 .form-gray-fields .form-control { 1485 background-color: #f2f2f2; 1486 border-color: #e9e9e9; 1487 color: #333; 1488 } 1489 </style> 1490 1491 <!-- Content --> 1492 <section id="page-content" class="sidebar-right"> 1493 <div class="container-fluid"> 1494 <div class="row"> 1495 <!-- post content --> 1496 <div class="content col-lg-3"></div> 1497 <div class="content col-lg-4"> 1498 <div class="panel-body"> 1499 1500 1501 <div style="width:100%; display:flex; gap:35px;"> 1502 <h3 class="gradient-title">LOGIN</h3> 1503 <div class="link-arrow" style="flex:1; margin-top:50px; border-bottom:solid 2px;"></div> 1504 </div> 1505 1506 <p> 1507 Welcome to the new YCCS Members' Area. For your first log in, you should change your password, please click 'Password Recovery'. 1508 </P> 1509 1510 <form action="https://www.yccs.it/en/area-soci/login.html" class="form-gray-fields" method="post" name="invia_login" autocomplete="off"> 1511 <input type="hidden" name="_token" value="BndDP1WiKJaRsCc6ZHIx7zGHrIQlvtLI8yDH0Qlc" autocomplete="off"> <input type="hidden" name="stato" value="inviato"/> 1512 <div class="form-group"> 1513 <label class="sr-only">Email</label> 1514 <input 1515 type="text" 1516 name="user_login" 1517 id="username" 1518 class="form-control" 1519 required="required" 1520 placeholder="Email" 1521 value="" 1522 > 1523 1524 </div> 1525 <div class="form-group m-b-5" style="margin-bottom:10px"> 1526 <label class="sr-only">Password</label> 1527 <input type="password" placeholder="Password" value="" class="form-control" name="pass_login" required="required" oninvalid="this.setCustomValidity('Required Field')" oninput="setCustomValidity('')"> 1528 1529 </div> 1530 1531 1532 <div style="float:left"style="height:20px; background:lime"> 1533 <label> 1534 <input type="checkbox" name="memorizza" id="memorizza"> <small>Remember me</small> 1535 </label> 1536 </div> 1537 <div style="float:right"> 1538 <a href="en/area-soci/recupera-password.html"><small>Password Recovery</small></a> 1539 </div> 1540 <div style="clear:both; height:20px"></div> 1541 1542 <div class="form-group"> 1543 <button class="btn btn-primary">Login</button> 1544 </div> 1545 </form> 1546 1547 <p>Don't have an account yet? <a href="en/area-soci/registrazione.html">Register New Account</a></p> 1548 1549 </div>
1550 </div> 1551 <div class="content col-lg-3"></div> 1552 <!-- end: post content --> 1553 <!-- Sidebar--> 1554 <div class="sidebar sticky-sidebar sidebar-modern col-lg-2" style="background:#FBFBFB; border-left:solid 1px #EEEEEE"> 1555 <div class="row"> 1556 <div class="content col-lg-12"> 1557 <style> 1558 .sidebarTitle{padding-bottom:10px; border-bottom:solid 4px #444444} 1559</style> 1560 1561<div class="widget clearfix widget-archive"> 1562 <div style="width:100%; display:flex; gap:10px;"> 1563 <h4 class="gradient-title" style="font-size:25px;">Member Login</h4> 1564 <div class="link-arrow" style="flex:1; margin-top:10px; border-bottom:solid 1px;"></div> 1565 </div> 1566 1567 <div style="width:100%;"> 1568 </div> 1569 1570 <div style="margin-top:10px"> 1571 <a href="en/area-soci/logout.html" title="Area Soci - LOGOUT - Yacht Club Costa Smeralda"> 1572 <div class="btn btn-dark btn-xs">LOGOUT</div> 1573 </a> 1574 </div> 1575</div> 1576 1577<style> 1578 .list-group-item{background:#fff; transition: 0.3s;} 1579 .list-group-item:hover{background:#00AEEF; color:#fff} 1580</style> 1581<div class="widget clearfix widget-blog-articles"> 1582 <div style="width:100%; display:flex; gap:10px;"> 1583 <h4 class="gradient-title" style="font-size:25px;">Member Menu</h4> 1584 <div class="link-arrow" style="flex:1; margin-top:10px; border-bottom:solid 1px;"></div> 1585 </div> 1586 <ul class="list-group" style="padding-top:20px"> 1587 <a href="en/area-soci/benvenuto.html"> 1588 <li class="list-group-item "> 1589 <b>Welcome</b> 1590 </li> 1591 </a> 1592 <a href="en/area-soci/carrello.html"> 1593 <li class="list-group-item "> 1594 <b>Cart <span id="testo_cart">(0)</span></b> 1595 </li> 1596 </a> 1597 <a href="en/area-soci/la-boutique.html"> 1598 <li class="list-group-item "> 1599 <b>Boutique</b> 1600 </li> 1601 </a> 1602 <a href="en/area-soci/i-miei-ordini.html"> 1603 <li class="list-group-item "> 1604 <b>My Orders</b> 1605 </li> 1606 </a> 1607 <a href="en/area-soci/profilo-socio.html"> 1608 <li class="list-group-item "> 1609 <b>Member Profile</b> 1610 </li> 1611 </a> 1612 <a href="en/area-soci/comunicazioni-ai-soci.html"> 1613 <li class="list-group-item "> 1614 <b>
1614Member Communications</b> 1615 </li> 1616 </a> 1617 <a href="en/area-soci/sailing-center-marina.html"> 1618 <li class="list-group-item "> 1619 <b>Sailing Center & Marina</b> 1620 </li> 1621 </a> 1622 1623 <a title="Members Area - Statute - Yacht Club Costa Smeralda"> 1624 <li style="cursor:pointer;" class="list-group-item openStatuto openStatutoBott" > 1625 <b>Statute</b> 1626 </li> 1627 </a> 1628 1629 <a title="Members Area - Internal Rules - Yacht Club Costa Smeralda"> 1630 <li style="cursor:pointer;" class="list-group-item openReg openRegBott" > 1631 <b>Internal Rules</b> 1632 </li> 1633 </a> 1634 1635 <a title="Members Area - Code of Ethical Conduct - Yacht Club Costa Smeralda"> 1636 <li style="cursor:pointer;" class="list-group-item openCodiceComportamento openRegBott" > 1637 <b>Code of Ethical Conduct</b> 1638 </li> 1639 </a> 1640 1641 <a href="en/area-soci/certificato-di-guidone.html"> 1642 <li class="list-group-item "> 1643 <b>Burgee Certificate</b> 1644 </li> 1645 </a> 1646 <a href="en/area-soci/pagamento-quota.html"> 1647 <li class="list-group-item "> 1648 <b>Fee Payment</b> 1649 </li> 1650 </a> 1651 </ul> 1652</div> </div> 1653 </div> 1654 </div> 1655 <!-- end: Sidebar--> 1656 </div> 1657 </div> 1658 </section> <!-- end: Content --> 1659 1660 1661 <!-- Footer content --> 1662 <style> 1663 .foooterText{ 1664 color:#fff; 1665 font-family: 'Montserrat', sans-serif; 1666 font-size: 12px; 1667 background:url(https://www.yccs.it/web/images/bg_footer.png) center center; 1668 background-size:cover; 1669 } 1670 .foooterText a{ 1671 color:#fff; 1672 text-decoration:underline; 1673 } 1674 .foooterText .footerTitle{ 1675 font-size: 20px; 1676 } 1677 1678 .footerInner{ 1679 width:calc(100% - 200px); 1680 padding:26px 100px; 1681 display:flex; 1682 gap:40px; 1683 justify-content:space-between; 1684 } 1685 .subFooter{ 1686 width:calc(100% - 200px); 1687 padding:10px 100px 20px 100px; 1688 } 1689 1690 .footer1{ 1691 width:223px; 1692 } 1693 .footer2{ 1694 width:315px; display:flex; justify-content:center 1695 } 1696 .footer3{ 1697 width:223px; display:flex; justify-content:center 1698 } 1699 .footer4{ 1700 width:223px; display:flex; justify-content:flex-end 1701 } 1702 1703 .subFooter1{ 1704 width:210px 1705 } 1706 .subFooter2{ 1707 flex:1; text-align:right 1708 } 1709 1710 @media screen AND (max-width:1300px){ 1711 .footerInner{ 1712 width:calc(100% - 50px); 1713 padding:26px 25px; 1714 gap:15px; 1715 } 1716 .subFooter{ 1717 width:calc(100% - 50px); 1718 padding:10px 25px 20px 25px; 1719 } 1720 } 1721 1722 @media screen AND (max-width:1023px){ 1723 .foooterText{ 1724 background:url(https://www.yccs.it/web/images/bg_footer.png) center left; 1725 background-size:cover; 1726 } 1727 .footerInner{ 1728 flex-wrap: wrap; 1729 } 1730 .footer1{ 1731 width:calc(50% - 25px); 1732 justify-content:space-between; 1733 } 1734 .footer2{ 1735 width:calc(50% - 25px); 1736 justify-content:space-between; 1737 } 1738 .footer3{ 1739 width:calc(50% - 25px); 1740 justify-content:space-between; 1741 } 1742 .footer4{ 1743 width:calc(50% - 25px); 1744 justify-content:space-between; 1745 1746 } 1747 } 1748 1749 @media screen AND (max-width:800px){ 1750 .foooterText{ 1751 background:url(https://www.yccs.it/web/images/bg_footer.png) -50vw center; 1752 background-size:cover; 1753 } 1754 .subFooterContainer{ 1755 flex-direction:column; 1756 } 1757 .subFooter1{ 1758 width:100% 1759 } 1760 .subFooter2{ 1761 width:100%; 1762 text-align:left; 1763 margin-top:10px; 1764 } 1765 } 1766 1767 @media screen AND (max-width:540px){ 1768 .foooterText{ 1769 background:url(https://www.yccs.it/web/images/bg_footer.png) -120vw center; 1770 background-size:cover; 1771 } 1772 .footerInner{ 1773 flex-direction:column; 1774 gap:30px; 1775 } 1776 .footer1{ 1777 width:100%; 1778 justify-content:space-between; 1779 } 1780 .footer2{ 1781 width:100%; 1782 justify-content:space-between; 1783 } 1784 .footer3{ 1785 width:100%; 1786 justify-content:space-between; 1787 } 1788 .footer4{ 1789 width:100%; 1790 justify-content:space-between; 1791 1792 } 1793 } 1794 @media screen AND (max-width:430px){ 1795 .foooterText{ 1796 background:url(https://www.yccs.it/web/images/bg_footer.png) -180vw center; 1797 background-size:cover; 1798 } 1799 } 1800</style> 1801<div class="foooterText"> 1802 <div class="footerInner"> 1803 <div class="footer1"> 1804 <div style="padding-bottom:7px; border-bottom:solid 1px #fff; margin-bottom:14px;" class="footerTitle"> 1805 Contatti 1806 </div> 1807 1808 <div style="width:100%; height:18px; display:flex; align-items:center;"> 1809 Via della marina 1810 </div> 1811 <div style="width:100%; height:18px; display:flex; align-items:center;"> 1812 07021, Porto Cervo (Italy) 1813 </div> 1814 <div style="width:100%; height:18px; display:flex; align-items:center;"> 1815 Tel: <a href="">+39 0789 902200</a> 1816 </div> 1817 <div style="width:100%; height:18px; display:flex; align-items:center;"> 1818 Email: <a href="">[email protected]</a> 1819 </div> 1820 <div style="width:100%; height:18px; display:flex; align-items:center;"> 1821 Pec: <a href="">
1821[email protected]</a> 1822 </div> 1823 <div style="width:100%; height:18px; display:flex; align-items:center;"> 1824 P.Iva:Â 00333630903 1825 </div> 1826 1827 <div style="width:100%; margin-top:18px; display:flex; gap:10px; align-items:center;"> 1828 <img src="https://www.yccs.it/web/images/icon_instagram_w.png" style="width:13.6px;" alt="Instagram"/> 1829 <img src="https://www.yccs.it/web/images/icon_youtube_w.png" style="width:12px;" alt="YouTube"/> 1830 <img src="https://www.yccs.it/web/images/icon_x_w.png" style="width:12px;" alt="X"/> 1831 </div> 1832 </div> 1833 1834 <div class="footer2"> 1835 <div> 1836 <div style="width:223px;"> 1837 <div style="padding-bottom:7px; border-bottom:solid 1px #fff; margin-bottom:14px;" class="footerTitle"> 1838 Prossime Regate 1839 </div> 1840 </div> 1841 <div style="display:flex; flex-direction:column; gap:10px;"> 1842 1843 1844 <div> 1845 <a href="en/regattas-2026/j70_cup_and_italian_championship-3354.html" title="J/70 Cup and Italian Championship - Yacht Club Costa Smeralda" style="text-decoration:none"> 1846 J/70 Cup and Italian Championship<br/> 1847 <span style="font-style:italic">Porto Cervo</span> 1848 | 1849 <span style="font-style:italic"> 1850 from 29/09 1851 1852 to 04/10 1853 </span> 1854 </a> 1855 </div> 1856 </div> 1857 </div> 1858 </div> 1859 1860 <div class="footer3"> 1861 <div> 1862 <div style="padding-bottom:7px; border-bottom:solid 1px #fff; margin-bottom:14px;" class="footerTitle"> 1863 Aiuti di Stato 1864 </div> 1865 1866 <div> 1867 Informazioni sui contributi ricevuti (Rif. Art.1, commi 125 e seguenti della Legge 124/2017) 1868 </div> 1869 <div style="width:100%; height:18px; display:flex; align-items:center;"> 1870 <a href="aiuti-di-stato/2024.html">2024</a> 1871 </div> 1872 <div style="width:100%; height:18px; display:flex; align-items:center;"> 1873 <a href="aiuti-di-stato/2023.html">2023</a> 1874 </div> 1875 <div style="width:100%; height:18px; display:flex; align-items:center;"> 1876 <a href="aiuti-di-stato/2022.html">2022</a> 1877 </div> 1878 <div style="width:100%; height:18px; display:flex; align-items:center;"> 1879 <a href="aiuti-di-stato/2021.html">2021</a> 1880 </div> 1881 <div style="width:100%; height:18px; display:flex; align-items:center;"> 1882 <a href="aiuti-di-stato/2020.html">2020</a> 1883 </div> 1884 1885 <div style="width:100%; margin-top:18px; margin-bottom:9px; display:flex; align-items:center; line-height:1.3;"> 1886 YCCS CODE OF ETHICAL CONDUCT AND ORGANIZATIONAL CONTROL MODEL 1887 </div> 1888 <button id="codice_comportamento" class="btnRoundedWhite">Download</button> 1889
1889<script type="text/javascript"> 1890 $(document).ready(function () { 1891 $("#codice_comportamento").flipBook({ 1892 pdfUrl:"https://www.yccs.it/vedi_pdf_public.php?file=Codice_di_comportamento_Etico_e_MOG_YCCS(en-GB).pdf", 1893 lightBox:true 1894 }); 1895 }) 1896 </script>
1896 1897 </div> 1898 </div> 1899 1900 <div class="footer4"> 1901 <div> 1902 <div style="width:223px;"> 1903 <div style="padding-bottom:7px; border-bottom:solid 1px #fff; margin-bottom:14px;" class="footerTitle"> 1904 YCCS Yearbook 1905 </div> 1906 </div> 1907 <a href=" 1908 https://online.fliphtml5.com/xygx/YB_2025/#p=1" 1909 target="_blank" 1910 title="YCCS Yearbook"> 1911 <img src="https://www.yccs.it/web/images/yccs_yearbook.png" alt="YCCS Yearbook" style="width:224px;" /> 1912 </a> 1913 </div> 1914 </div> 1915 1916 </div> 1917 1918 <div class="subFooter"> 1919 <div style="padding-top:10px; border-top:solid 1px #fff; display:flex;" class="subFooterContainer"> 1920 <div class="subFooter1"> 1921 <a href="en/privacy.html">Privacy</a> | <a href="en/cookie-policy.html">Cookie Policy</a><br/> 1922 Designed By <a href="https://www.creativewebstudio.it" title="Web agency Civitavecchia" target="_blank" rel="noopener noreferrer">Creative Web Studio</a> 1923 </div> 1924 <div class="subFooter2"> 1925 Ove si fa riferimento allo Yacht Club Costa Smeralda (YCCS)<br/> 1926 è da intendersi anche le società e/o associazioni ad esso collegate e/o da esso controllate 1927 </div> 1928 </div> 1929 </div> 1930</div> <!-- End Footer content --> 1931 </div> 1932 1933 <!-- Scroll top --> 1934 <a id="scrollTop"><i class="fa fa-chevron-up" aria-hidden="true"></i><i class="fa fa-chevron-up" aria-hidden="true"></i></a> 1935 1936 1937 <!-- Include js plugin --> 1938 <!--Plugins--> 1939
1940<script src="https://www.yccs.it/web/js/plugins.js"></script>
1940 1941<!--Template functions-->
1942<script src="https://www.yccs.it/web/js/functions.js"></script>
1942 1943 1944 1945
1946<script src="https://connect.facebook.net/it_IT/all.js#xfbml=1"></script>
1946 1947</body> 1948</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.