<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Material Design for Bootstrap fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Comfortaa&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Material Design for Bootstrap CSS -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<style>
.image {
border-radius: 3px;
display: inline-block;
width: 100%;
height: 160px;
box-shadow: ;
position: relative;
pointer-events: initial;
}
.image:hover {
box-shadow: 0 2px 16px 0 rgba(0,0,0,0.24),0 7px 50px 0 rgba(0, 0, 0);
font-family: 'Comfortaa', cursive;
border: none;
border-radius: 3px;
color: #black;
text-decoration: none;
display: inline-block;
font-size: 20px;
opacity: 1.3;
box-shadow: 0px 1px 15px 2px red;
transition: .5s ease;
}
.overlay {
opacity: 0;
position: absolute;
bottom: 0px;
left: 0px;
font-family: 'Comfortaa', cursive;
font-weight: 500;
font-size: 8px;
transition: .5s ease;
float: left;
display: inline;
}
.card .card-content {
padding: 0px;
}
.card {
background-color: transparent;
}
.row .col {
padding: 5px;
margin-bottom: -17px;
}
.changer {
background-color: #000;
width: 85%;
height: 45px;
border: none;
border-radius: 17px;
color: black;
padding: 3px 5px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 23px;
margin: 4px 2px;
font-weight: 2400;
opacity: 1.5;
outline: 0;
}
.autocomplete {
position: relative;
left: -0px;
font-size: 12px;
font-family: 'Comfortaa', cursive;
font-weight: 650;
}
.autocomplete {
position: relative;
left: -0px;
font-size: 12px;
font-family: 'Comfortaa', cursive;
font-weight: 650;
}
#autocomplete-input {
border-radius: 3px;
background: rgb(0,0,0);
background: linear-gradient(-32deg, rgba(18,50,62,1) 0%, rgba(82, 82, 82, 0.55) 99%);
width: 100px;
padding: 0px 25px;
border-bottom: 0px;
transition: .4s ease all;
}
#autocomplete-input:focus {
padding-right: 110px;
}
.headnav {
background-color: #121212;
}
</style>
<title>Hello, world!</title>
</head>
<body class="#a020f0">
<body bgcolor="#121212">
<div class="Goldenrod -fixed">
<nav class="headnav">
<div class="nav-wrapper">
<ul class="right"">
<li><input type="text" id="autocomplete-input" onkeyup="myFunction()" placeholder="Dizi Ara.." class="autocomplete" style="color: #ccc;"></li>
</ul>
</div>
</nav>
</div>
<div class="row" id="liste">
<!--myflix-->
<div onclick="location.href='go:love101';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://tr.web.img4.acsta.net/r_1280_720/pictures/20/04/06/10/25/5101172.png" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Aşk 101 Love 101</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:afilidost';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://blutv-images.mncdn.com/q/t/i/bluv2/100/480x740/5de90e2b866ac310247fd2e0" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Afili Dostlar</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:skc';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://i.medyaradar.com/storage/files/images/2020/01/08/2-hdow-QsoD.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Sokağın Çocukları</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:alef';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://www.yeniyeniseyler.com/wp-content/uploads/2020/04/blutv-FX-Alef-Poster.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Alef</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:ahavasi';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://blutv-images.mncdn.com/q/t/i/bluv2/100/480x740/5e46a6ad866ac312c004a65d" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Ankara Havası</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:ganyan';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://pbs.twimg.com/media/EP2BNQQXsAAefV6.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Ganyan</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:aynenaynen';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/cb833587775301.5dc27a6fa6cb4.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Aynen Aynen</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:bartuben';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://m.media-amazon.com/images/M/MV5BZWI4ZWY0ZjYtZjkwNi00NTJmLWJjODgtZDA2YTQ3OGNhZjZmXkEyXkFqcGdeQXVyNDg4MjkzNDk@._V1_.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Bartu Ben</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:behzat';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://blutv-images.mncdn.com/q/t/i/bluv2/100/330x469/5d2f05d5866ac31990aa9f18" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Behzat Ç.</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:bozkir';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://blutv-images.mncdn.com/q/t/i/bluv2/100/330x469/5c023219866ac3142c9d3735" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Bozkır</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:atiye';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://upload.wikimedia.org/wikipedia/tr/a/ad/Atiye.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Atiye</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:boru';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://onyeni.com/wp-content/uploads/2018/03/boru-film-poster-afi%C5%9F.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Börü</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:riseofempi';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://upload.wikimedia.org/wikipedia/tr/a/ad/Rise_Of_Empires_Ottoman.jpeg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Rise Of Empires Ottoman</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:hile';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://blogtc.net/wp-content/uploads/2019/10/fb_img_1513504536350.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Hile</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:sahsi';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://tr.web.img2.acsta.net/pictures/18/03/14/15/44/5722304.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Şahsiyet</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:hbig';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://tr.web.img4.acsta.net/pictures/20/03/20/14/59/1777888.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Hayaller Bizim İki Gözüm</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:kafalarina';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://blutv-images.mncdn.com/q/t/i/bluv2/80/0x0/5e6f867f866ac30308d5405c" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Kafalarına Göre</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:pavyon';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://blutv-images.mncdn.com/q/t/i/bluv2/100/330x469/5d1c886c866ac31bf49b4879" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Pavyon</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:sfrbr';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://cdnb.artstation.com/p/assets/images/images/015/853/309/large/hilmi-akca-sifirbir-5-rvz-1.jpg?1549919679" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Sıfır Bir</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:sahip';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://tr.web.img3.acsta.net/pictures/17/02/21/12/28/296165.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Sahipli</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:sikismisli';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://i.sozcu.com.tr/wp-content/uploads/2019/04/02/sikismislik.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Sıkışmışlık</span><br>
</div>
</div>
</div>
</div>
<div onclick="location.href='go:yasamayanl';" class="col s4">
<div class="card">
<div class="card-content">
<img class="image" src="https://tr.web.img4.acsta.net/pictures/18/08/27/08/45/5386251.jpg" alt="Snow";">
<div class="overlay">
<p><span style="color:red;">Yaşamayanlar</span><br>
</div>
</div>
</div>
</div>
<!--myflix grid bitis-->
<!-- Optional JavaScript -->
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script>
//arama
function myFunction() {
// Declare variables
var input, filter, ul, li, a, i, txtValue;
input = document.getElementById('autocomplete-input');
filter = input.value.toUpperCase();
ul = document.getElementById("liste");
li = ul.getElementsByTagName('div');
// Loop through all list items, and hide those who don't match the search query
for (i = 0; i < li.length; i++) {
txtValue = a.textContent || a.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
} else {
}
}
}
//arama bitis
</script>
<!--myflix -->
<script type="text/javascript">
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>
<!--myflix-->