137 lines
9.7 KiB
HTML
137 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
||
<title>Home - LordChannel</title>
|
||
<meta name="description" content="Volete tutto?Avrete tutto!!">
|
||
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aclonica">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Crimson+Text">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster+Two">
|
||
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
|
||
<link rel="stylesheet" href="assets/css/BoostrapModify.css">
|
||
<link rel="stylesheet" href="assets/css/Navigation-with-Search.css">
|
||
</head>
|
||
|
||
<body class="justify-content-center m-auto" style="background-color: #1F1F1F;">
|
||
<nav class="navbar navbar-light navbar-expand bg-light navigation-clean" style="background-color: #000000!important;padding: 23px 10px;margin: 16px;height: 98px;font-family: Aclonica, sans-serif;padding-right: 0px;padding-left: 0px;margin-right: 0px;margin-left: 0px;margin-bottom: 0px;">
|
||
<div class="container"><a class="navbar-brand text-justify align-self-center" style="color: rgba(255,0,0,0.9);font-size: 50px;font-family: 'Lobster Two', cursive;padding: 7px;margin: -89px;height: 60px;">LordChannel</a>
|
||
<div class="row">
|
||
<div class="col">
|
||
<div class="btn-group" role="group" style="margin: -89px;padding: 7px;margin-bottom: -139px;"><button class="btn btn-primary text-monospace" type="button" style="background-color: rgba(0,123,255,0);color: red;font-size: 30px;font-family: 'Lobster Two', cursive;border: none;">Film</button>
|
||
<div class="dropdown btn-group" role="group"><button class="btn btn-primary dropdown-toggle text-monospace text-justify" data-toggle="dropdown" aria-expanded="false" type="button" style="background-color: #000000!important;color: red;font-family: 'Lobster Two', cursive;font-size: 30px;border: none;">Serie TV </button>
|
||
<div
|
||
class="dropdown-menu" role="menu"><a class="dropdown-item" role="presentation" href="#">First Item</a><a class="dropdown-item" role="presentation" href="#">Second Item</a><a class="dropdown-item" role="presentation" href="#">Third Item</a></div>
|
||
</div>
|
||
<div class="dropdown btn-group" role="group"><button class="btn btn-primary dropdown-toggle text-monospace text-justify" data-toggle="dropdown" aria-expanded="false" type="button" style="background-color: #000000!important;color: red;font-family: 'Lobster Two', cursive;border: none;font-size: 30px;">Anime</button>
|
||
<div
|
||
class="dropdown-menu" role="menu"><a class="dropdown-item" role="presentation" href="#">First Item</a><a class="dropdown-item" role="presentation" href="#">Second Item</a><a class="dropdown-item" role="presentation" href="#">Third Item</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<header class="masthead text-white text-center" style="/*background: url('assets/img/bg-masthead.jpg')no-repeat center center;*/background-size: cover;height: 107px;/*border: 1px solid blue;*/padding-top: 0px;padding-bottom: 0px;margin-right: 36px;padding-right: 10px;padding-left: 10px;margin-left: 36px;background-color: #1F1F1F;"><img style="background-image: url(" https://scontent-mxp1-1.xx.fbcdn.net/v/t31.0-8/29983660_1649367048446432_6586102201764230226_o.jpg?_nc_cat=111&_nc_sid=dd9801&_nc_ohc=TLWo4XMML84AX89CZs8&_nc_ht=scontent-mxp1-1.xx&oh=05b116e7f6dc501dbfe7a0f028fe8381&oe=5F3E3214");background-size: cover;height: inherit;width: 180px;margin: 0px;padding-left: 0px;margin-left: 0px;position: absolute;top: 0;left: 0;">
|
||
<input
|
||
type="search" style="position: relative;top: 30px;width: 500px;" placeholder="Cerca contenuti" name="Ricerca"></header>
|
||
<article style="margin-right: 36px;margin-left: 36px;">
|
||
<div>
|
||
<div class="carousel slide" data-ride="carousel" id="carousel-1" style="height: 500px;">
|
||
<div class="carousel-inner" role="listbox">
|
||
<div class="carousel-item"></div>
|
||
<div class="carousel-item"></div>
|
||
<div class="carousel-item active"></div>
|
||
</div>
|
||
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-slide="prev"><span class="carousel-control-prev-icon"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button"
|
||
data-slide="next"><span class="carousel-control-next-icon"></span><span class="sr-only">Next</span></a></div>
|
||
<ol class="carousel-indicators" style="margin: 31px;">
|
||
<li data-target="#carousel-1" data-slide-to="0"></li>
|
||
<li data-target="#carousel-1" data-slide-to="1"></li>
|
||
<li data-target="#carousel-1" data-slide-to="2" class="active"></li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<section style="margin-right: 36px;margin-left: 36px;">
|
||
<div>
|
||
<div class="row" style="height: 500;">
|
||
<div class="col">
|
||
<div class="container">
|
||
<ul class="list-group">
|
||
<li class="list-group-item border rounded" style="margin-top: 15px;background-color: green;"><span>Film</span>
|
||
<ul>
|
||
<li>Item 1</li>
|
||
<li>Item 2</li>
|
||
<li>Item 3</li>
|
||
<li>Item 4</li>
|
||
</ul>
|
||
</li>
|
||
<li class="list-group-item border rounded" style="margin-top: 15px;"><span>Serie TV</span>
|
||
<ul>
|
||
<li>Item 1</li>
|
||
<li>Item 2</li>
|
||
<li>Item 3</li>
|
||
<li>Item 4</li>
|
||
</ul>
|
||
</li>
|
||
<li class="list-group-item border rounded" style="margin-top: 15px;background-color: red;margin-bottom: 15px;"><span>Anime</span>
|
||
<ul>
|
||
<li>Item 1</li>
|
||
<li>Item 2</li>
|
||
<li>Item 3</li>
|
||
<li>Item 4</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="container" style="height: 496px;">
|
||
<ul class="list-group">
|
||
<li class="list-group-item text-monospace text-capitalize text-light border-warning" style="background-color: rgba(255,255,255,0);color: #ffffff;margin-top: 15px;"><span>Contenuti più visti</span>
|
||
<ul>
|
||
<li>Item 1</li>
|
||
<li>Item 2</li>
|
||
<li>Item 3</li>
|
||
<li>Item 4</li>
|
||
</ul>
|
||
</li>
|
||
</ul><button class="btn btn-primary border rounded" type="button" style="margin-top: 15px;width: 600.5px;height: 307px;padding: 12px 20px;background-image: url("assets/img/LordGaydonazioni.gif");color: black;font-size: 50px;">Donazioni</button></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<footer class="footer bg-light" style="background-color: #1F1F1F!important;height: 180px;margin-top: 20px;margin-right: 36px;margin-left: 36px;"><div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-3 h-100 text-center text-lg-left"></div>
|
||
<div class="col-lg-3 invisible h-100 text-center text-lg-left"></div>
|
||
<div class="col-lg-3 my-auto h-100 text-center text-lg-left">
|
||
<ul class="list-inline mb-2">
|
||
<li class="list-inline-item"><a href="#">About</a></li>
|
||
<li class="list-inline-item"><span>⋅</span></li>
|
||
<li class="list-inline-item"><a href="#">Contact</a></li>
|
||
<li class="list-inline-item"><span>⋅</span></li>
|
||
<li class="list-inline-item"><a href="#">Terms of Use</a></li>
|
||
<li class="list-inline-item"><span>⋅</span></li>
|
||
<li class="list-inline-item"><a href="#">Privacy Policy</a></li>
|
||
</ul>
|
||
<p class="text-muted small mb-4 mb-lg-0">© LordChannel 2018. All Rights Reserved.</p>
|
||
</div>
|
||
<div class="col-lg-3 my-auto h-100 text-center text-lg-right" style>
|
||
<ul class="list-inline mb-0">
|
||
<li class="list-inline-item"><a href="#"><i class="fa fa-facebook fa-2x fa-fw"></i></a></li>
|
||
<li class="list-inline-item"><a href="#"><i class="fa fa-twitter fa-2x fa-fw"></i></a></li>
|
||
<li class="list-inline-item"><a href="#"><i class="fa fa-instagram fa-2x fa-fw"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div></footer>
|
||
<script src="assets/js/jquery.min.js"></script>
|
||
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
||
</body>
|
||
|
||
</html> |