sadet48 - PDF Dosyalarini Web Sayfasinda Gosterme


	sadet48


	PDF Dosyalarini Web Sayfasinda Gosterme

WebTasarım

<!DOCTYPE html>
<html>
<head>
	<title>WebTasarım</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Nunito');
*{margin: 0;padding: 0;font-family: 'Nunito',sans-serif;box-sizing: border-box}
main {border: 1px solid #f1f1f1;}
main header {
background: #1438BF;
box-shadow: inset 0 0 25px #000;
}
main header p{
color:#fff;
font-size: 1cm;
text-align: center; 
padding: 15px;
animation: fade .3s ease-in-out;
transform-origin: center bottom;
}
@keyframes fade {
    from {
    opacity: 0;
    transform: scale3d(.75, .75, 0);
    }
    to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
    }
}
main div {
background: #FFF;
margin: 0 auto;
padding-left: 15px;
}
main div ul li{
list-style: none;
}
main div ul li a{
color:#333;
font-size: .5cm;
text-align: left; 
text-decoration: none;
padding-left: 15px;
line-height: 25px;
}
main div ul li a:hover{color:red;}
</style>
</head>
<body>
<main>
<header>
    <p id="app"></p>
</header>

<div>
    <ul> 
        <li>
            <a href="e-kitap/trafikguvenligi.pdf">Trafik Güvenliği</a>
        </li>
        <li>
            <a href="e-kitap/insanhaklari.pdf">İnsan Haklari</a>
        </li>
        <li>
            <a href="e-kitap/sosyalbilgiler.pdf">Sosyal Bilgiler</a>
        </li>
    </ul>
</div>

Toplam 109691 ziyaretçi

sadet48

JQuery Cycle ile Haber Bandı

Sadet Sevinç

sadet48.tr.gg@gmail.com

Facebook beğen

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol