Notes
Notes - notes.io |
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Anime Tanıtım</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
body{
background-color:#0f0f0f
}
div .konu
{
width: 26.4%;
float: left;
background-color:#ffffff;
font:color:#FFF;
}
.container {
margin-bottom: 20px;
padding-bottom: 50px;
}
h1, h4 {
text-align: center;
margin-bottom: 50px;
}
h1 i {
color: pink;
}
h1.baslik
{
font-size:25px;
color:#34495e;
font:color:#FFF;
}
.navbar-custom {
color: #FFFFFF;
background-color: #0f0f0f;
font:color:#FFF;
}
</style>
</head>
<body>
<!-- Başlangıç -->
<!-- menu -->
<div class="navbar navbar-inverse navbar-fixed-top navbar-custom">
<div class="container">
<a class="navbar-brand text-muted" href="#">Anime</a>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Ev</a></li>
<li><a href="#">Anime Hakkında</a></li>
<li><a href="#">En İyi 10</a></li>
</ul>
</div>
</div>
</div>
<!-- menu -->
<!-- slider -->
<div class="carousel slide" id="MySlide" data-interval="2000">
<ol class="carousel-indicators">
<li class="active" data-target="#MySlide" data-slide-to="0"></li>
<li data-target="#MySlide" data-slide-to="1"></li>
<li data-target="#MySlide" data-slide-to="2"></li>
<li data-target="#MySlide" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="img/002.jpg" alt="" title=""/>
<div class="carousel-caption">
<h2>Heyecan Dolu Macera Sende Katıl!</h2>
<p>Anime</p>
</div>
</div>
<div class="item">
<img src="img/003.jpg" alt="" title=""/>
<div class="carousel-caption">
<h2>Düşmanlarını Yok Et!</h2>
<p>Hemen Oyna</p>
</div>
</div>
<div class="item">
<img src="img/005.jpg" alt="" title=""/>
<div class="carousel-caption">
<h2>Sende Bu Savaşı Kazanabilirsin</h2>
<p>Tabiki İndirirsen</p>
</div>
</div>
<div class="item">
<img src="img/007.jpg" alt="" title=""/>
<div class="carousel-caption">
<h2>Oyunumu Çıkıyor?</h2>
<p>Ögrenmek İçin Hemen Tıkla</p>
</div>
</div>
<a class="left carousel-control" href="#MySlide" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#MySlide" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
<!-- slider -->
<br>
</div>
<br>
<div class="container marketing">
<!-- Three columns of text below the carousel -->
<!-- START THE FEATURETTES -->
<hr class="featurette-divider">
<font color="#FFFFFF">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Alucard <span class="text-muted">Nam-ı Diğer Dracula.</span></h2>
<p class="lead">Alucard Kouta Hirano tarafından yaratılan anime ve manga serisi Hellsing'de yer alan kurgusal karakter. Efendisi Integra Hellsing'e bağlı bir hizmetkârdır ve Walter C. Dornez'le II. Dünya Savaşı yıllarına dayanan köklü bir arkadaşlığı vardır. Oldukça güçlü bir vampir olan Alucard, Hellsing Organizasyonu ile birlikte diğer vampirler ve kötü güçlerle mücadele halindedir. Gelişmiş gücü, görünümünü değiştirebilme, hipnotize etme, yeniden yapılanabilme gibi teknikleri içeren yetenekleri vardır. Düşmanı tamamıyla engelledikten ve rezil ettikten sonra öldürür. Ama genelde rakiplerine onu öldürmeleri için ikinci bir şans bile verir. Manganın 8. kitabına göre o Vlad Drakula'dır</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive center-block" src="img/alucard_wallpaper_by_zoestead.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7 col-md-push-5">
<h2 class="featurette-heading"><font color="#fffffff">Naruto Uzumaki</font> <span class="text-muted">Genç Ninja (Reis)</span></h2>
<p class="lead">Naruto Uzumaki Masaşi Kişimoto tarafından çizilen Naruto adlı manga ve anime serisinin başkahramanıdır. Seride Naruto doğumundan önce köye saldıran vahşi tilki şeytanın ruhunu taşıyan genç bir ninjadır.Kendini yeterince kanıtlayamamış olan Naruto, Akademi'ye başladığı günden beri Hokage olmayı amaç edindi. Bu isteğinden dolayı Manga ve Anime'nin ilk kısmında çelimsizliği yüzünden herkes onunla dalga geçse de, bu ünvana ne kadar yakıştığını manga ve animenin ikinci kısmında kanıtlayacaktır.</p>
</div>
<div class="col-md-5 col-md-pull-7">
<img class="featurette-image img-responsive center-block" src="img/naruto.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Luffy<span class="text-muted"> Hasır Şapka Korsanları'nın Kaptanı</span></h2>
<p class="lead">Monkey D. Luffy Anime ve Manga serisi One Piece'in baş karakteri olan kurgusal kahraman. Devrimci Monkey D. Dragonun oğlu ve denizcilerin kahramanı Monkey D. Garpın torunudur. Garp Luff'yi büyütemediği için Dadan adında bir dağ haydutuna vermiştir. Luffy dağ haydutları, Portgas D. Ace ve Sabo ile beraber büyümüştür. Ace ve Sabo ile kan bağı olmamasına rağmen kardeşliklerini kendi ilen etmişlerdir. Hayali korsanlar kralı olmaktır ve bunun için korsan olup denizlere açılmıştır. Korsanlar kralı olmak için efsanefi korsan Gol D. Rogerın bıraktığı "One Piece" adında hazineyi arar..</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive center-block" src="img/one piece.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
</div>
</div>
</font>
<hr class="featurette-divider">
<!-- sayfalandırma -->
<h1>Bootstrap 3 Responsive Video Embeds that Maintain Aspect Ratio <i class="fa fa-heart"></i></h1>
<h4>Check out <a href="http://scotch.io">scotch.io</a> for more awesome web dev things</h4>
<div class="container">
<div class="row">
<div class="col-sm-6">
<h2>16:9 Responsive Aspect Ratio</h2>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/watch?v=glC8lkHCicU"></iframe>
</div>
</div>
<div class="col-sm-6">
<h2>4:3 Responsive Aspect Ratio</h2>
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="https://www.youtube.com/watch?v=REQ2tem3Mu0"></iframe>
</div>
</div>
</div>
</div>
<!-- sayfalandırma -->
<!-- Footer -->
<div class="row">
<div class="col-md-12" >
<div class="navbar navbar-inverse" >
<p class="navbar-text pull-left">
Tüm Hakları Saklıdır.
</p>
<a class="navbar-text pull-right" href="#" title="Web Tasarım">Anime Tanıtım</a>
</div>
</div>
<!-- Footer -->
<!-- Bitiş -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
