Facebook
From Mustafa , 2 Weeks ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 125
  1. <!DOCTYPE html>
  2. &lt;html lang="en"&gt;
  3. &lt;head&gt;
  4. &lt;meta charset="UTF-8"&gt;
  5. &lt;meta name="viewport" c initial-scale=1.0"&gt;
  6. &lt;title&gt;Geçiş Butonu Örneği&lt;/title&gt;
  7. &lt;style&gt;
  8.        body {
  9.       font-family: Arial, sans-serif;
  10.       background-color: #FFFFCC; /* Sarı */
  11.       color: #000080; /* Mavi */
  12.       margin: 0;
  13.       padding: 0;
  14.       text-align: center;
  15.     }
  16.     header {
  17.       background-color: #000080; /* Mavi */
  18.       color: #FFFFCC; /* Sarı */
  19.       padding: 10%;
  20.       text-align: center;
  21.     }
  22.     main {
  23.       padding: 0%;
  24.       font-size: 110%;
  25.     }
  26.    
  27.     h2{
  28.       padding: 4%;
  29.     }
  30.    
  31.     footer {
  32.       background-color: #000080; /* Mavi */
  33.       color: #FFFFCC; /* Sarı */
  34.       padding: 0px;
  35.       text-align: center;
  36.       position: fixed;
  37.       bottom: 0;
  38.       width: 100%;
  39.     }
  40.     button {
  41.       background-color: #000080; /* Mavi */
  42.       color: #FFFFCC; /* Sarı */
  43.       padding: 5% 10%;
  44.       border: none;
  45.       border-radius: 5%;
  46.       font-size: 100%;
  47.       text-decoration: none;
  48.       display: inline-block;
  49.     }
  50.     .container {
  51.         display: flex;
  52.         flex-direction: column;
  53.         align-items: center;
  54.     }
  55.     .hidden {
  56.         display: none;
  57.     }
  58.    
  59. &lt;/style&gt;
  60. &lt;/head&gt;
  61. &lt;body&gt;
  62. <div class="container">
  63.     <div id="ilkSayfa">
  64.          &lt;header&gt;
  65.     <h1>Bilge Dede - Bebe Technology Group</h1>
  66.   &lt;/header&gt;
  67.   <main>
  68.    
  69.     <h2 >Uygulamayı İndir</h2>
  70.     <button >BilgeDede | indir</button>
  71.    
  72.     <h2>Uygulama Hakkında Bilgi</h2>
  73.     <p>Bilge Dede, Bebe Technology Group tarafından geliştirilen bir okuma ve yazma uygulamasıdır </p>
  74.    
  75.     <h2>İletisim</h2>
  76.     <p>Gmail:[email protected]</p>
  77.    
  78.   </main>
  79.   <footer>
  80.     <p>© 2024 Bebe Technology Group | Tüm hakları saklıdır.</p>
  81.   </footer>
  82.        
  83.     </div>
  84.     <div id="ikinciSayfa" class="hidden">
  85.         <h1>Çok yakında...</h1>
  86.         <p>Bizi takipte kalın.</p>
  87.     </div>
  88. </div>
  89.  
  90. [removed]
  91.     function gecis() {
  92.         document.getElementById('ilkSayfa').classList.add('hidden');
  93.         document.getElementById('ikinciSayfa').classList.remove('hidden');
  94.         window.scrollTo(0, 0); // Sayfanın en üstüne gitmek için
  95.     }
  96. [removed]
  97. &lt;/body&gt;
  98. &lt;/html&gt;