Pankart-Magazine/index.html at main · ondersumer07/Pankart-Magazine · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="tr">
<head>
    <!--GOOGLE ANALYTICS CODE-->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-N0XGYQG6ST"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-N0XGYQG6ST');
    </script>

    <!-- META TAGS -->
    <meta
      name="description"
      content="Bağımsız bir sanat sepet magazini!"
    />
    <meta
      name="keywords"
      content="pankart magazine, pankart, magazine, sanat sepet magazini, sanat, sepet, magazin, sanat sepet"
    />
    <meta name="robots" content="index, follow" />
    <meta name="language" content="TR" />
    <meta name="url" content="https://pankart.org"/>

    <!-- OG META TAGS -->
    <meta
      name="og:title"
      content="Pankart Magazine"
    />
    <meta name="og:type" content="website" />
    <meta name="og:url" content="https://pankart.org" />
    <meta name="og:site_name" content="Panakart Magazine" />
    <meta
      name="og:description"
      content="Bağımsız, içerisinde çeşitli sanatçıları barındıran bir sanat sepet magazini!"
    />

    <!-- OG TWITTER META TAGS -->
    <meta
      name="twitter:card"
      content="Bağımsız, içerisinde çeşitli sanatçıları barındıran bir sanat sepet magazini!"
    />
    <meta property="og:url" content="https://pankart.org" />
    <meta
      property="og:title"
      content="Pankart Magazine"
    />
    <meta
      property="og:description"
      content="Bağımsız, içerisinde çeşitli sanatçıları barındıran bir sanat sepet magazini!"
    />
    <meta
      property="og:image"
      content="https://raw.githubusercontent.com/ondersumer07/Pankart-Magazine/main/favico/android-chrome-512x512.png"
    /> <!-- FIX THIS FIX THIS FIX THIS -->

    <!-- APPLE META TAGS -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta content="yes" name="apple-touch-fullscreen" />

    <!-- MAIN -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- TITLE -->
    <title>Pankart Magazine</title>

    <!-- FAVICO -->
    <link rel="apple-touch-icon" sizes="180x180" href="favico/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favico/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favico/favicon-16x16.png">
    <link rel="manifest" href="favico/site.webmanifest">
    <link rel="mask-icon" href="favico/safari-pinned-tab.svg" color="#000000">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="theme-color" content="#ffffff">

    <!-- CSS -->
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/sayi1.css">

    <!-- FONT AWESOME -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">

</head>

<body>

<!--NAVBAR-->
    <div class="navbar">
        <a href="#"><img class="logo" src="img/3xSadeLogo.png" alt="Pankart Magazine Logo"></a>

        <div class="nav">
            <label for="toggle">&#9776</label>
            <input type="checkbox" id="toggle">

            <div class="menu">
            <a class="btn-top" href="about.html">Hakkında</a>
            <a class="btn-top" href="mailto:iletisim@pankart.org">İletişim</a>
            </div>
        </div>
    </div>

<!--HR BREAK-->
    <hr>

<!--CARDS START-->
    <ul class="cards">

        <li class="cards-item">
          <div class="card">
            <img src="img/kapak2.png"class="sayi1-card-img"></img>
            <div class="card-content">
              <div class="card-title">Vücutlar ve Kabuklar <br> Pankart Magazine Sayı 2</div>
              <p class="card-text">Gündelik kabuklarımızdan sıyrıldığımız ikinci sayımız çıktı! Bu sayımızda vücutlarımız ve onları saran, koruyan ve bazen yaralayan kabuklarımızı inceledik. “Kabuk”, “Benlik” ve “Kimlik” kavramlarını irdelediğimiz bu sayıda... </p>
              <a class="btn-card" href="sayi2.html">Devamını gör <i class="fas fa-long-arrow-alt-right"></i></a>
            </div>
          </div>
        </li>


        <li class="cards-item">
          <div class="card">
            <img src="img/kabuklariminEser.jpeg"class="sayi1-card-img"></img>
            <div class="card-content">
              <div class="card-title">Kabuklarımın Ötesine Geçince <br> Gökalp Koca</div>
              <p class="card-text">İşte kalbim senin Senin ardındayım büyük aşıklık istidadı sahipleri gibi Paris'in ve Helen'in akıbeti gibi de olacak olsa sonumuz seninle yaşansın. saçımın rengini, elimin diriliğini senin için ayırdım, al gençliğimi... </p>
              <a class="btn-card" href="kabuklariminOtesineGecince.html">Devamını gör <i class="fas fa-long-arrow-alt-right"></i></a>
            </div>
          </div>
        </li>

        <li class="cards-item">
          <div class="card">
            <img src="img/gölge.jpg"class="sayi1-card-img sayi2Bas-card-img"></img>
            <div class="card-content">
              <div class="card-title">Korkular ve Hisler <br> Elif Eliçalışkan</div>
              <p class="card-text">Bu başlığı attığım andan itibaren başlamaktan korkuyordum içimden bir his doğru zaman geldi diyene kadar. Belki bilinçli belki kendi doğal sürecinde bir şekilde gelen o tarif edemediğim motivasyon hissi... </p>
              <a class="btn-card" href="korkularVeHisler.html">Devamını gör <i class="fas fa-long-arrow-alt-right"></i></a>
            </div>
          </div>
        </li>

        <li class="cards-item">
          <div class="card">
            <img src="img/sayi2BasFinal.jpeg"class="sayi1-card-img sayi2Bas-card-img"></img>
            <div class="card-content">
              <div class="card-title">Vücutlar & Kabuklar <br> Pankart Magazine Sayı 2 Başvuru</div>
              <p class="card-text">Pankart Magazine’nin “Vücutlar & Kabuklar” temalı 2. sayısına başvurmak isteyen sanatçılar başvurularını iletisim@pankart.org email adresi üzerinden yapmalıdır. Başvuru e-maillerinde... </p>
              <a class="btn-card" href="sayi2Bas.html">Devamını gör <i class="fas fa-long-arrow-alt-right"></i></a>
            </div>
          </div>
        </li>

        <li class="cards-item">
          <div class="card">
            <img src="img/kapak1.jpeg"class="sayi1-card-img"></img>
            <div class="card-content">
              <div class="card-title">Ev Hali Ruh Hali <br> Pankart Magazine Sayı 1</div>
              <p class="card-text">Pankart Magazine ailesi olarak binbir emek ve çabayla oluşturduğumuz, çıkmasını dört gözle beklediğimiz, heyecan içinde günler saydığımız magazinimiz artık sizlerin karşısında... </p>
              <a class="btn-card" href="sayi1.html">Devamını gör <i class="fas fa-long-arrow-alt-right"></i></a>
            </div>
          </div>
        </li>

    </ul>


<!--CARDS END-->


<!--FOOTER-->
    <footer>
        <div class="footer-all">
            <div class="footer-links">
                <div class="footer-div">

                    <div class="footer-social">
                        <i class="fab fa-instagram"></i>
                        <a target="_blank" href="https://www.instagram.com/pankartmagazine/">Instagram</a>
                    </div>

                    <div class="footer-social">
                        <i class="fab fa-twitter"></i>
                        <a target="_blank" href="https://twitter.com/pankartmagazine">Twitter</a>
                    </div>

                </div>

                <div class="footer-div">
                    <a href="about.html">Hakkında</a>
                    <a href="mailto:iletisim@pankart.org">İletişim</a>
                </div>
            </div>

            <small>Copyright 2021 Pankart Magazine</small>
        </div>

    </footer>
</body>
</html>