Spaces:

hmalikdemirbacak
/

molecule-mingle-madness

Running

App Files Files Community

hmalikdemirbacak commited on 30 days ago

Commit

1db612b

verified ·

1 Parent(s): 1bcf82b

Validebağ Fen Lisesi

Browse files

Kimya Kulübü
"Maddenin sırlarını birlikte çözüyoruz"

Deneylerimize Katıl

yazıları ortalansın kendi içinde

Files changed (4) hide show

activities.html +17 -0
blog.html +17 -0
index.html +9 -11
magazine.html +17 -0

activities.html CHANGED Viewed

@@ -14,6 +14,23 @@
             background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233B82F6' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
         }
     </style>
 </head>
 <body class="bg-darkbg text-gray-100 font-poppins min-h-screen">
     <!-- Navbar -->

             background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233B82F6' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
         }
     </style>
+        <script>
+        tailwind.config = {
+            darkMode: 'class',
+            theme: {
+                extend: {
+                    colors: {
+                        primary: '#3B82F6',
+                        secondary: '#1D4ED8',
+                        darkbg: '#0f172a',
+                    },
+                    fontFamily: {
+                        poppins: ['Poppins', 'sans-serif'],
+                    },
+                }
+            }
+        }
+    </script>
 </head>
 <body class="bg-darkbg text-gray-100 font-poppins min-h-screen">
     <!-- Navbar -->

blog.html CHANGED Viewed

@@ -14,6 +14,23 @@
             background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233B82F6' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
         }
     </style>
 </head>
 <body class="bg-darkbg text-gray-100 font-poppins min-h-screen">
     <!-- Navbar -->

             background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233B82F6' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
         }
     </style>
+        <script>
+        tailwind.config = {
+            darkMode: 'class',
+            theme: {
+                extend: {
+                    colors: {
+                        primary: '#3B82F6',
+                        secondary: '#1D4ED8',
+                        darkbg: '#0f172a',
+                    },
+                    fontFamily: {
+                        poppins: ['Poppins', 'sans-serif'],
+                    },
+                }
+            }
+        }
+    </script>
 </head>
 <body class="bg-darkbg text-gray-100 font-poppins min-h-screen">
     <!-- Navbar -->

index.html CHANGED Viewed

@@ -71,18 +71,18 @@
     <div class="molecule-bg relative overflow-hidden">
         <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8 relative">
             <div class="flex flex-col md:flex-row items-center">
-                <div class="md:w-1/2 text-left">
                     <h1 class="text-4xl md:text-6xl font-extrabold tracking-tight text-white">
-                        <span class="block">Molekül Buluşması</span>
                         <span class="block text-blue-400">Kimya Kulübü</span>
                     </h1>
-                    <p class="mt-6 max-w-lg text-xl text-gray-300">
                         "Maddenin sırlarını birlikte çözüyoruz"
                     </p>
-                    <div class="mt-10">
-                        <div class="rounded-md shadow inline-block">
-                            <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10">
-                                Deneylerimize Katıl
                             </a>
                         </div>
                     </div>
@@ -114,7 +114,6 @@
                         <img src="https://i.hizliresim.com/nq0lykd.png" class="h-full w-full object-cover" alt="IT">
                     </div>
                     <h3 class="text-xl font-bold text-white mb-2 text-center">IT</h3>
-                    <p class="text-gray-300 text-center mb-4">Teknoloji ve yazılım altyapımızı yöneten departman</p>
                     <div class="bg-slate-700/50 p-3 rounded-lg border border-slate-600">
                         <div class="flex justify-between text-sm">
                             <span class="text-gray-400">Personel:</span>
@@ -133,7 +132,6 @@
                         <img src="https://i.hizliresim.com/7ypipbo.png" class="h-full w-full object-cover" alt="Finance">
                     </div>
                     <h3 class="text-xl font-bold text-white mb-2 text-center">AKADEMİ VE FİNANS</h3>
-                    <p class="text-gray-300 text-center mb-4">Akademik çalışmalar ve finansal yönetim</p>
                     <div class="bg-slate-700/50 p-3 rounded-lg border border-slate-600">
                         <div class="flex justify-between text-sm">
                             <span class="text-gray-400">Personel:</span>
@@ -152,7 +150,7 @@
                         <img src="https://i.hizliresim.com/qtjpsgi.png" class="h-full w-full object-cover" alt="PR">
                     </div>
                     <h3 class="text-xl font-bold text-white mb-2 text-center">HALKLA İLİŞKİLER</h3>
-                    <p class="text-gray-300 text-center mb-4">İletişim ve organizasyon yönetimi</p>
                     <div class="bg-slate-700/50 p-3 rounded-lg border border-slate-600">
                         <div class="flex justify-between text-sm">
                             <span class="text-gray-400">Personel:</span>
@@ -171,7 +169,7 @@
                         <img src="https://i.hizliresim.com/dd1g9hz.png" class="h-full w-full object-cover" alt="Design">
                     </div>
                     <h3 class="text-xl font-bold text-white mb-2 text-center">MEDYA VE TASARIM</h3>
-                    <p class="text-gray-300 text-center mb-4">Görsel ve dijital içerik üretimi</p>
                     <div class="bg-slate-700/50 p-3 rounded-lg border border-slate-600">
                         <div class="flex justify-between text-sm">
                             <span class="text-gray-400">Personel:</span>

     <div class="molecule-bg relative overflow-hidden">
         <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8 relative">
             <div class="flex flex-col md:flex-row items-center">
+                <div class="md:w-1/2 text-center">
                     <h1 class="text-4xl md:text-6xl font-extrabold tracking-tight text-white">
+                        <span class="block">Validebağ Fen Lisesi</span>
                         <span class="block text-blue-400">Kimya Kulübü</span>
                     </h1>
+                    <p class="mt-6 mx-auto text-xl text-gray-300">
                         "Maddenin sırlarını birlikte çözüyoruz"
                     </p>
+                    <div class="mt-10 flex justify-center">
+                        <div class="rounded-md shadow">
+                            <a href="#" class="flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10">
+Deneylerimize Katıl
                             </a>
                         </div>
                     </div>
                         <img src="https://i.hizliresim.com/nq0lykd.png" class="h-full w-full object-cover" alt="IT">
                     </div>
                     <h3 class="text-xl font-bold text-white mb-2 text-center">IT</h3>
                     <div class="bg-slate-700/50 p-3 rounded-lg border border-slate-600">
                         <div class="flex justify-between text-sm">
                             <span class="text-gray-400">Personel:</span>
                         <img src="https://i.hizliresim.com/7ypipbo.png" class="h-full w-full object-cover" alt="Finance">
                     </div>
                     <h3 class="text-xl font-bold text-white mb-2 text-center">AKADEMİ VE FİNANS</h3>
                     <div class="bg-slate-700/50 p-3 rounded-lg border border-slate-600">
                         <div class="flex justify-between text-sm">
                             <span class="text-gray-400">Personel:</span>
                         <img src="https://i.hizliresim.com/qtjpsgi.png" class="h-full w-full object-cover" alt="PR">
                     </div>
                     <h3 class="text-xl font-bold text-white mb-2 text-center">HALKLA İLİŞKİLER</h3>
                     <div class="bg-slate-700/50 p-3 rounded-lg border border-slate-600">
                         <div class="flex justify-between text-sm">
                             <span class="text-gray-400">Personel:</span>
                         <img src="https://i.hizliresim.com/dd1g9hz.png" class="h-full w-full object-cover" alt="Design">
                     </div>
                     <h3 class="text-xl font-bold text-white mb-2 text-center">MEDYA VE TASARIM</h3>
                     <div class="bg-slate-700/50 p-3 rounded-lg border border-slate-600">
                         <div class="flex justify-between text-sm">
                             <span class="text-gray-400">Personel:</span>

magazine.html CHANGED Viewed

@@ -14,6 +14,23 @@
             background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233B82F6' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
         }
     </style>
 </head>
 <body class="bg-darkbg text-gray-100 font-poppins min-h-screen">
     <!-- Navbar -->

             background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233B82F6' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
         }
     </style>
+        <script>
+        tailwind.config = {
+            darkMode: 'class',
+            theme: {
+                extend: {
+                    colors: {
+                        primary: '#3B82F6',
+                        secondary: '#1D4ED8',
+                        darkbg: '#0f172a',
+                    },
+                    fontFamily: {
+                        poppins: ['Poppins', 'sans-serif'],
+                    },
+                }
+            }
+        }
+    </script>
 </head>
 <body class="bg-darkbg text-gray-100 font-poppins min-h-screen">
     <!-- Navbar -->