Guide Section Added

This commit is contained in:
Alhaziel 2019-04-27 19:36:29 +02:00
parent 204fc91c2f
commit 176a23a896
6 changed files with 82 additions and 7 deletions

View File

@ -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;
}

2
css/style.min.css vendored

File diff suppressed because one or more lines are too long

BIN
img/Senza-titolo-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 56 KiB

BIN
img/screenshot1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -7,7 +7,7 @@
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,300,700,800" rel="stylesheet" media="screen">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/style.min.css" rel="stylesheet" media="screen">
<link href="css/style.css" rel="stylesheet" media="screen">
</head>
<body>
@ -72,6 +72,7 @@
<div class="row">
<div class="col-md-12">
<h2>Come installare Kodi on Demand</h2>
<div class="heading-line"></div>
<ul>
<li>Scarica il repository: <a href="http://7.ly/kodrepo">7.ly/kodrepo</a> (se hai un tvbox digita questo link nel browser)</li>
<li>Apri Kodi e vai in Addons -> installa da file zip</li>
@ -79,7 +80,22 @@
<li>Recati in "installa da repository" -> "KoD Repo" -> "Addon Video" ed installa l'addon</li>
<li>Apri KoD e goditelo!</li>
</ul>
<a href="http://7.ly/kodrepo" class="btn animated fadeInUp" target=”_blank”>Scarica la Repo</a>
<a href="/guide/Guida_KOD-Cap.1.pdf" class="btn animated fadeInUp" target=”_blank”>Scarica la Repo</a>
</div>
</div>
</section>
<section id="guide" class="home-section bg-middledark">
<div class="container">
<div class="row wow fadeInUp">
<div class="col-md-6 content">
<h2>Guide</h2>
<p>Per chi vuole cominciare a scrivere un canale per KoD</p>
</div>
<div class="col-md-6 content">
<p>Questo è il primo capitolo della nostra guida, si ricorda che la guida per quanto basilare richiede una minima conoscenza di python</p>
<a href="http://7.ly/kodrepo" class="btn animated fadeInUp" target=”_blank”><i class="fa fa-arrow-circle-o-down"></i><span>Capitolo 1</span></a>
</div>
</div>
</div>
</section>