videotupu.github.io/ev.html at main · VideoTupu/videotupu.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>TüpDeveloper</title>
    <link rel="icon" href="Logo/site-mini-logo.png"/>
    <meta name='description' content="VideoTüpü Türkiyenin Yeni Nesil ve En büyük video sitesidir"
    <meta name='keywords' content="Video sitesi, Türkiye, Video İzle, online video, yeni nesil, Eğlence, Kafa Dağıtma, Viral, Sinema İzle, Bir dakika sen bu yazıları OKUYORMUSUN?"
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
    <script src='script.js'></script>
    <style>
      @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@900&display=swap');
      </style>
</head>
<body>

    <!-- Logo Haritası -->

    <header class="header">
        <a href="ev.html">
          <img src="Logo/videotupu-siyah.png" alt="YouTube Logo" class="videotüpü-logo" />

        </a>

     <!-- Navigasyon Haritası -->


        <!-- menü Haritası -->

        <div class="menu-icons">
          <a href="https://maaarslan61.wixsite.com/ae-labs">
            <img src="Tuşlar/arama.png"alt="Hizmetler" />
          </a>
          <a href="video-yükle.html">
            <img src="Tuşlar/upload-video.png"alt="Video Yükle" />
          </a>
          <a href="#">
            <img src="Tuşlar/bildirim.png" alt="Bildirimler" />
          </a>
          <a href="#">
            <img class="menu-channel-icon" src="Ornek-Video-Paketi/profil-photo.png" alt="Profil" />
          </a>
        </div>
      </header>
      <div class="categories">
        <section class="category-section">
          <button class="category active">Sen Seversin</button>
          <button class="category">Teknoloji</button>
          <button class="category">Nasıl Yapılır?</button>
          <button class="category">Korku</button>
          <button class="category">Belgesel</button>
          <button class="category">Popüler</button>
          <button class="category">Yazılım</button>
          <button class="category">İPhone 15</button>
          <button class="category">Acı Yarışması</button>
          <button class="category">Bane VS Napim</button>
          <button class="category">Diğer </button>


        </section>
      </div>

       <!--videolar-->


      <div class="videos">
        <section class="video-section">
          <article class="video-container">

            <a href="video.html" class="thumbnail" data-duration="12:24">
              <img class="thumbnail-image" src="https://iatkv.tmgrup.com.tr/a2a244/616/321/0/12/1200/638?u=https%3A%2F%2Fitkv.tmgrup.com.tr%2F2023%2F01%2F20%2Fcizmeli-kedi-son-dilek-filmi-ne-zaman-cikacak-cizmeli-kedi-son-dilek-turkiyede-ne-zaman-vizyona-girecek-konusu-1674223892187.jpg" />
            </a>
            <div class="video-bottom-section">
              <a href="kanal.html">
                <img class="channel-icon" src="Ornek-Video-Paketi/profil-photo.png" />
              </a>
              <div class="video-details">
                <a href="video.html" class="ana-sayfa-video-başlığı">Çizmeli Kedi: Son Dilek (2022) Türkçe Dublaj Fragman</a>
                <a href="kanal.html" class="video-channel-name">MUHAMMET</a>
                <div class="video-metadata">
                  <span>4.770</span>
                  •
                  <span>17 Mart 2022</span>
                </div>
              </div>
            </div>


</body>
</html>