TeoHan
80+
- Katılım
- 23 Mart 2020
- Mesajlar
- 282
<!DOCTYPE html>
<html>
<head> <!-- Kafa (Baş) -->
<title>Donanım Arşivi</title> <!-- Sayfa başlığı burası (Başlık Adı: Donanım Arşivi) -->
<link rel="stylesheet" type="text/css" href="donanimarsivi.css">
<script language="javascript1.2">
function giris()
{
alert("Donanım Arşivi sayfasına Hoş Geldiniz...")
}
function cikis()
{
alert("Donanım Arşivi Web Sitesinden Çıkış Yapıyorsunuz Güle Güle Yine Bekleriz...")
}
</script>
<meta charset="utf-8"> <!-- burayı head kısmına alırsak çalışır.-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body onLoad="giris()" onUnload="cikis()" > <!-- Giriş Çıkış -->
<!-- .navbar-right Sınıf sağ-align gezinti çubuğu düğmeleri için kullanılır. sağa hizalanmış gezinme çubuğu-->
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Donanım Arşivi</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Anasayfa</a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Haberler <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Teknoloji</a></li>
<li><a href="#">Bilim</a></li>
<li><a href="#">Genel</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">İnceleme Rehberi <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">PC Toplama</a></li>
<li><a href="#">Öneri Rehberi</a></li>
<li><a href="#">Genel İnceleme</a></li>
</ul>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="muhammedburankayıt.html"><span class="glyphicon glyphicon-user"></span> Kayıt Ol</a></li>
<li><a href="muhammedburangiris.html"><span class="glyphicon glyphicon-log-in"></span> Giriş Yap </a></li>
</ul>
</div>
</nav>
<br>
<!-- modal eklemek -->
<div class="container">
<h2>Donanım Arşivi Uyarısı!</h2>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Uyarıyı Aç!</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">! UYARI !</h4>
</div>
<div class="modal-body">
<p>Bulunduğunuz site (Donanım Arşivi) Web Sitesidir.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button>
</div>
</div>
</body>
</html>
<html>
<head> <!-- Kafa (Baş) -->
<title>Donanım Arşivi</title> <!-- Sayfa başlığı burası (Başlık Adı: Donanım Arşivi) -->
<link rel="stylesheet" type="text/css" href="donanimarsivi.css">
<script language="javascript1.2">
function giris()
{
alert("Donanım Arşivi sayfasına Hoş Geldiniz...")
}
function cikis()
{
alert("Donanım Arşivi Web Sitesinden Çıkış Yapıyorsunuz Güle Güle Yine Bekleriz...")
}
</script>
<meta charset="utf-8"> <!-- burayı head kısmına alırsak çalışır.-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body onLoad="giris()" onUnload="cikis()" > <!-- Giriş Çıkış -->
<!-- .navbar-right Sınıf sağ-align gezinti çubuğu düğmeleri için kullanılır. sağa hizalanmış gezinme çubuğu-->
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Donanım Arşivi</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Anasayfa</a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Haberler <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Teknoloji</a></li>
<li><a href="#">Bilim</a></li>
<li><a href="#">Genel</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">İnceleme Rehberi <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">PC Toplama</a></li>
<li><a href="#">Öneri Rehberi</a></li>
<li><a href="#">Genel İnceleme</a></li>
</ul>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="muhammedburankayıt.html"><span class="glyphicon glyphicon-user"></span> Kayıt Ol</a></li>
<li><a href="muhammedburangiris.html"><span class="glyphicon glyphicon-log-in"></span> Giriş Yap </a></li>
</ul>
</div>
</nav>
<br>
<!-- modal eklemek -->
<div class="container">
<h2>Donanım Arşivi Uyarısı!</h2>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Uyarıyı Aç!</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">! UYARI !</h4>
</div>
<div class="modal-body">
<p>Bulunduğunuz site (Donanım Arşivi) Web Sitesidir.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button>
</div>
</div>
</body>
</html>