diff --git a/css/style.css b/css/style.css index 83ccf7e..7a62f96 100644 --- a/css/style.css +++ b/css/style.css @@ -241,6 +241,20 @@ Home sections background: #181818; } +.bg-middledark{ + background: #232323; +} + +.bg-dark .heading-line, +.bg-middledark .heading-line{ + margin:0 auto; + display: block; + height: 1px; + width: 80px; + background: #f8f8f8; + margin-top: 10px; + margin-bottom: 20px; +} /* --- section content general color --- */ @@ -269,6 +283,7 @@ Download } #download ul{ + display: block; list-style-type: none; margin: 0; padding: 0; @@ -290,6 +305,50 @@ Download text-decoration: none; } +/* ========================== +Guide +============================= */ + +#guide{ + color: #fff; + background: url('../img/screenshot1.jpg') no-repeat center center; + background-size: cover; + border-top: 1px solid #0081c2; +} + +#guide h2{ + color: #fff +} + +#guide .col-md-6{ + text-align: left +} + +#guide .btn { + margin:20px 0; + display: table; + color: #fff; + border: 2px solid #fff; +} + +#guide .btn:hover { + border-color: #0081c2; + background: #0081c2; + color: #fff; + text-decoration: none; +} + +#guide i{ + font-size:30px; + padding-right:10px +} + +#guide i, #guide span{ + display: table-cell; + vertical-align: middle +} + + /* ================================ Intro ================================= */ @@ -330,20 +389,20 @@ Intro text-decoration: none; } -#description .description-img { +.description-img { overflow: hidden; } -#description .description-img img { +.description-img img { margin-left: -15px; max-width: 100%; } @media (max-width: 768px) { - #description .description-img { + .description-img { height: auto; } - #description .description-img img { + .description-img img { margin-left: 0; padding-bottom: 30px; } diff --git a/css/style.min.css b/css/style.min.css index ba9cc5b..d6dbe3e 100644 --- a/css/style.min.css +++ b/css/style.min.css @@ -1 +1 @@ -body{text-align:center;font-family:'Open Sans',sans-serif;font-size:14px;line-height:1.6em}h1{font-size:36px}h2{font-size:32px}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#3a3a3a;font-weight:700;margin-bottom:20px;font-family:Montserrat,sans-serif}.lead{font-weight:400}button{display:inline-block;margin-bottom:0;margin-bottom:10px;padding:6px 12px;border:1px solid transparent;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;line-height:1.428571429;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}button.navbar-toggle{border:none;color:#fff}.btn{font-family:Raleway,sans-serif;font-weight:500;font-size:14px;letter-spacing:1px;display:inline-block;padding:12px 32px;transition:.5s;line-height:1;margin:20px auto;-webkit-animation-delay:.8s;animation-delay:.8s}.btn:hover{border-color:#0081c2;background:#0081c2;color:#fff;text-decoration:none}.mar-top0{margin-top:0}.mar-top10{margin-top:10px}.mar-top20{margin-top:20px}.mar-top30{margin-top:30px}.mar-top40{margin-top:40px}.back-to-top{position:fixed;display:none;padding:6px 12px 9px 12px;font-size:16px;border-radius:2px;right:15px;bottom:15px;transition:background .5s;z-index:1000}@media (max-width:768px){.back-to-top{bottom:15px}}.back-to-top:focus{outline:0}nav.navbar{position:fixed;top:-72px;margin-bottom:0;padding:10px 0 10px 0;width:100%;border-radius:0;transition:all .2s;background-color:#181818}.navbar-nav{float:right}nav.navbar.fixed-to-top{top:0}.navbar-default{border:none;border-bottom:none;opacity:1;display:none;z-index:9999}.navbar-default .navbar-nav>li>a{color:#fff;font-weight:700;text-transform:uppercase}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#0081c2;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:0}.navbar-default .navbar-brand{color:#fff;text-transform:uppercase;font-weight:700;font-size:2em}.home-section{width:100%;padding:150px 0 150px 0}.section-heading{margin-bottom:50px}.section-heading h2{font-size:38px;text-transform:uppercase}.section-heading .heading-line{margin:0 auto;display:block;height:1px;width:80px;background:#333;margin-top:10px;margin-bottom:20px}.bg-gray{background:#f8f8f8}.bg-dark{background:#181818}.color-light h1,.color-light h2,.color-light h3,.color-light h4,.color-light h5,.color-light h6{color:#fff}.color-light li{color:#eee;text-align:left}#download{background-color:#181818;color:#fff}#download h2{color:#fff}#download ul{list-style-type:none;margin:0;padding:0}#download li{margin-bottom:5px}#download .btn{color:#fff;border:2px solid #fff}#download .btn:hover{border-color:#0081c2;background:#0081c2;color:#fff;text-decoration:none}#intro{width:100%;height:100vh;background-color:#181818}#intro img{position:absolute;max-width:500px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){#intro img{width:50%}}#intro .btn{position:absolute;width:200px;left:calc(50% - 100px);bottom:30px;color:#fff;border:2px solid #fff}#intro .btn:hover{border-color:#0081c2;background:#0081c2;color:#fff;text-decoration:none}#description .description-img{overflow:hidden}#description .description-img img{margin-left:-15px;max-width:100%}@media (max-width:768px){#description .description-img{height:auto}#description .description-img img{margin-left:0;padding-bottom:30px}}#description .content h2{color:#333;font-weight:300;font-size:24px;text-align:left}#description .content h3{color:#777;font-weight:300;font-size:18px;line-height:26px;font-style:italic;text-align:left}#description .content p{line-height:26px;text-align:left}#description .content p:last-child{margin-bottom:0}#contacts .btn{display:table;color:#0081c2;border:2px solid #0081c2}#contacts .btn:hover{border-color:#0081c2;background:#0081c2;color:#fff;text-decoration:none}#contacts i{font-size:30px;padding-right:10px}#contacts i,#contacts span{display:table-cell;vertical-align:middle}ul.clients{list-style:none}ul.clients li{display:inline}#bottom-widget{overflow:hidden}ul.social-network{margin:0;margin-left:0;padding-left:0;list-style:none}ul.social-network li{display:inline;margin:5px 5px}ul.social-network li a:hover span .fa-circle{color:#2b2b2b}ul.social-network li a i{transition:.3s}footer{color:#ccc;padding:50px 0 30px;text-align:left}footer a{color:#fff}footer a:hover{color:#fff}@media (max-width:768px){header{padding-bottom:50px;min-height:1000px;height:100%}.navbar-nav{float:left;text-align:left}.box-team,.box-team img{text-align:center}.box-team img{float:none;margin:0 auto}.box-team{margin-bottom:30px}.og-fullimg{display:none}.og-details{float:none;width:100%;padding:0 40px}}@media (max-width:992px){.service.carousel .item h4,.service.carousel .item p{text-align:center}.service p{margin-bottom:60px}.og-expander{background:0 0}.og-details{padding:0 20px}}@media (max-width:480px){.detail .screenshot,header .carousel-iphone{width:280px}.detail .screenshot img,header .carousel{padding-top:85px;width:245px}.service .screenshot img{margin-top:-12px;padding-top:0}header{padding-top:30px;padding-bottom:0}header h1{font-size:70px}} \ No newline at end of file +body{text-align:center;font-family:'Open Sans',sans-serif;font-size:14px;line-height:1.6em}h1{font-size:36px}h2{font-size:32px}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#3a3a3a;font-weight:700;margin-bottom:20px;font-family:Montserrat,sans-serif}.lead{font-weight:400}button{display:inline-block;margin-bottom:0;margin-bottom:10px;padding:6px 12px;border:1px solid transparent;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;line-height:1.428571429;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}button.navbar-toggle{border:none;color:#fff}.btn{font-family:Raleway,sans-serif;font-weight:500;font-size:14px;letter-spacing:1px;display:inline-block;padding:12px 32px;transition:.5s;line-height:1;margin:20px auto;-webkit-animation-delay:.8s;animation-delay:.8s}.btn:hover{border-color:#0081c2;background:#0081c2;color:#fff;text-decoration:none}.mar-top0{margin-top:0}.mar-top10{margin-top:10px}.mar-top20{margin-top:20px}.mar-top30{margin-top:30px}.mar-top40{margin-top:40px}.back-to-top{position:fixed;display:none;padding:6px 12px 9px 12px;font-size:16px;border-radius:2px;right:15px;bottom:15px;transition:background .5s;z-index:1000}@media (max-width:768px){.back-to-top{bottom:15px}}.back-to-top:focus{outline:0}nav.navbar{position:fixed;top:-72px;margin-bottom:0;padding:10px 0 10px 0;width:100%;border-radius:0;transition:all .2s;background-color:#181818}.navbar-nav{float:right}nav.navbar.fixed-to-top{top:0}.navbar-default{border:none;border-bottom:none;opacity:1;display:none;z-index:9999}.navbar-default .navbar-nav>li>a{color:#fff;font-weight:700;text-transform:uppercase}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#0081c2;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:0}.navbar-default .navbar-brand{color:#fff;text-transform:uppercase;font-weight:700;font-size:2em}.home-section{width:100%;padding:150px 0 150px 0}.section-heading{margin-bottom:50px}.section-heading h2{font-size:38px;text-transform:uppercase}.section-heading .heading-line{margin:0 auto;display:block;height:1px;width:80px;background:#333;margin-top:10px;margin-bottom:20px}.bg-gray{background:#f8f8f8}.bg-dark{background:#181818}.bg-middledark{background:#232323}.bg-dark .heading-line,.bg-middledark .heading-line{margin:0 auto;display:block;height:1px;width:80px;background:#f8f8f8;margin-top:10px;margin-bottom:20px}.color-light h1,.color-light h2,.color-light h3,.color-light h4,.color-light h5,.color-light h6{color:#fff}.color-light li{color:#eee;text-align:left}#download{background-color:#181818;color:#fff}#download h2{color:#fff}#download ul{display:block;list-style-type:none;margin:0;padding:0}#download li{margin-bottom:5px}#download .btn{color:#fff;border:2px solid #fff}#download .btn:hover{border-color:#0081c2;background:#0081c2;color:#fff;text-decoration:none}#guide{color:#fff;background:url(../img/screenshot1.jpg) no-repeat center center;background-size:cover;border-top:1px solid #0081c2}#guide h2{color:#fff}#guide .col-md-6{text-align:left}#guide .btn{margin:20px 0;display:table;color:#fff;border:2px solid #fff}#guide .btn:hover{border-color:#0081c2;background:#0081c2;color:#fff;text-decoration:none}#guide i{font-size:30px;padding-right:10px}#guide i,#guide span{display:table-cell;vertical-align:middle}#intro{width:100%;height:100vh;background-color:#181818}#intro img{position:absolute;max-width:500px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){#intro img{width:50%}}#intro .btn{position:absolute;width:200px;left:calc(50% - 100px);bottom:30px;color:#fff;border:2px solid #fff}#intro .btn:hover{border-color:#0081c2;background:#0081c2;color:#fff;text-decoration:none}.description-img{overflow:hidden}.description-img img{margin-left:-15px;max-width:100%}@media (max-width:768px){.description-img{height:auto}.description-img img{margin-left:0;padding-bottom:30px}}#description .content h2{color:#333;font-weight:300;font-size:24px;text-align:left}#description .content h3{color:#777;font-weight:300;font-size:18px;line-height:26px;font-style:italic;text-align:left}#description .content p{line-height:26px;text-align:left}#description .content p:last-child{margin-bottom:0}#contacts .btn{display:table;color:#0081c2;border:2px solid #0081c2}#contacts .btn:hover{border-color:#0081c2;background:#0081c2;color:#fff;text-decoration:none}#contacts i{font-size:30px;padding-right:10px}#contacts i,#contacts span{display:table-cell;vertical-align:middle}ul.clients{list-style:none}ul.clients li{display:inline}#bottom-widget{overflow:hidden}ul.social-network{margin:0;margin-left:0;padding-left:0;list-style:none}ul.social-network li{display:inline;margin:5px 5px}ul.social-network li a:hover span .fa-circle{color:#2b2b2b}ul.social-network li a i{transition:.3s}footer{color:#ccc;padding:50px 0 30px;text-align:left}footer a{color:#fff}footer a:hover{color:#fff}@media (max-width:768px){header{padding-bottom:50px;min-height:1000px;height:100%}.navbar-nav{float:left;text-align:left}.box-team,.box-team img{text-align:center}.box-team img{float:none;margin:0 auto}.box-team{margin-bottom:30px}.og-fullimg{display:none}.og-details{float:none;width:100%;padding:0 40px}}@media (max-width:992px){.service.carousel .item h4,.service.carousel .item p{text-align:center}.service p{margin-bottom:60px}.og-expander{background:0 0}.og-details{padding:0 20px}}@media (max-width:480px){.detail .screenshot,header .carousel-iphone{width:280px}.detail .screenshot img,header .carousel{padding-top:85px;width:245px}.service .screenshot img{margin-top:-12px;padding-top:0}header{padding-top:30px;padding-bottom:0}header h1{font-size:70px}} \ No newline at end of file diff --git a/img/Senza-titolo-1.jpg b/img/Senza-titolo-1.jpg new file mode 100644 index 0000000..3376bf0 Binary files /dev/null and b/img/Senza-titolo-1.jpg differ diff --git a/img/screenshot.jpg b/img/screenshot.jpg index 7e739f2..d36c169 100644 Binary files a/img/screenshot.jpg and b/img/screenshot.jpg differ diff --git a/img/screenshot1.jpg b/img/screenshot1.jpg new file mode 100644 index 0000000..2fb9cd3 Binary files /dev/null and b/img/screenshot1.jpg differ diff --git a/index.html b/index.html index 3c2cda2..345c188 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ - + @@ -72,6 +72,7 @@

Come installare Kodi on Demand

+
- Scarica la Repo + Scarica la Repo +
+
+ + +
+
+
+
+

Guide

+

Per chi vuole cominciare a scrivere un canale per KoD

+
+
+

Questo è il primo capitolo della nostra guida, si ricorda che la guida per quanto basilare richiede una minima conoscenza di python

+ Capitolo 1 +