diff --git a/blog.css b/blog.css
new file mode 100644
index 0000000..b5628f2
--- /dev/null
+++ b/blog.css
@@ -0,0 +1,90 @@
+.blog-container {
+ width: 80%;
+ margin: 0 auto;
+ padding: 20px;
+ background-color: #f9f9f9;
+}
+
+.blog-post {
+ background-color: #ffc5d358;
+ padding: 20px;
+ margin-bottom: 20px;
+ border-radius: 8px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.post-title {
+ font-size: 28px;
+ font-weight: bold;
+ color: #333;
+ margin-bottom: 10px;
+}
+
+.post-date {
+ font-size: 14px;
+ color: #777;
+ margin-bottom: 15px;
+}
+
+.post-content p {
+ font-size: 16px;
+ line-height: 1.6;
+ color: #333;
+ margin-bottom: 15px;
+}
+
+.back-button-container {
+ text-align: center;
+}
+
+.back-button {
+ display: inline-block;
+ background-color: #df4c91;
+ color: white;
+ text-decoration: none;
+ font-size: 18px;
+ padding: 12px 20px;
+ border-radius: 8px;
+ transition: background-color 0.3s ease, transform 0.3s ease;
+}
+
+.back-button:hover {
+ background-color: #b00555;
+ transform: scale(1.1);
+}
+
+body {
+ opacity: 1;
+ transition: opacity 0.5s ease-in-out;
+}
+
+body.fade-out {
+ opacity: 0;
+}
+
+.animated-bg {
+ transition: opacity 0.5s ease-in-out;
+}
+
+
+body {
+ opacity: 0;
+ animation: fadeIn 0.5s forwards;
+ transition: opacity 0.5s ease-in-out;
+
+}
+
+@keyframes fadeIn {
+ to {
+ opacity: 1;
+ }
+}
+
+body.fade-out {
+ opacity: 0;
+}
+
+
+.animated-bg {
+ transition: opacity 0.5s ease-in-out;
+}
diff --git a/blog.html b/blog.html
new file mode 100644
index 0000000..372eafd
--- /dev/null
+++ b/blog.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="hu">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Blog</title>
+ <link rel="stylesheet" href="blog.css">
+ <script src="backg.js"></script>
+</head>
+<body>
+ <div class="blog-container">
+ <!-- Blog Post 1 -->
+ <div class="blog-post">
+ <h2 class="post-title">A számrendszerek lenyűgöző világa</h2>
+ <p class="post-date">Feltöltés dátuma: 2025. március 16</p>
+ <div class="post-content">
+ <p><strong>Bevezetés a számrendszerekbe:</strong><br>
+ A számok mindennapi életünk szerves részét képezik. Időmérésre, tárgyak számlálására és problémák megoldására használjuk őket. De tudtad, hogy a számokat sokféleképpen lehet ábrázolni? Az általánosan használt decimális rendszertől a bináris, oktális és hexadecimális számrendszerig minden számrendszernek megvannak a maga egyedi tulajdonságai és felhasználásai. Ebben a blogbejegyzésben megvizsgáljuk ezeknek a rendszereknek az alapjait, és azt, hogy miként játszanak létfontosságú szerepet a számítástechnikában.</p>
+
+ <p><strong>Miért fontosak a számrendszerek?</strong><br>
+ Mindegyik számrendszernek megvannak a maga előnyei, különösen olyan különböző területeken, mint a matematika, a számítástechnika és a mérnöki tudomány. Például a bináris rendszer az összes számítógépes rendszer alapja, míg a hexadecimális rendszert gyakran használják a bináris adatok megjelenítésének egyszerűsítésére. Ezeknek a rendszereknek a megértése segíthet a hallgatóknak és a szakembereknek jobban megérteni az összetett számításokat és algoritmusokat.</p>
+
+ <p><strong>Következtetés:</strong><br>
+ A számrendszerek nem csupán elvont fogalmak; olyan eszközök, amelyek lehetővé teszik a modern technológiát. Függetlenül attól, hogy diák vagy, aki meg akarja érteni a számítástechnika mögött rejlő matematikát, vagy csak kíváncsi elme, az ezekben a számrendszerekben való búvárkodás kiszélesíti a digitális világgal kapcsolatos perspektívádat.</p>
+ </div>
+ </div>
+
+ <!-- Blog Post 2 -->
+ <div class="blog-post">
+ <h2 class="post-title">A bináris rendszer történetének feltárása</h2>
+ <p class="post-date">Feltöltés dátuma: 2025. március 14</p>
+ <div class="post-content">
+ <p><strong>A bináris megszületése:</strong><br>
+ A bináris rendszer, más néven kettes szmrendszer, az egyik legrégebbi és legfontosabb számrendszer a számítástechnika világában. Eredete az ősi civilizációkra vezethető vissza, de csak a 20. században vált a modern technológia sarokkövévé. A bináris rendszer csak két számjegyet használ, a 0-t és az 1-et, amelyek az elektromos áramkörök kikapcsolt és bekapcsolt állapotát jelzik.</p>
+
+ <p><strong>Az ókortól a modern számítástechnikáig:</strong><br>
+ A kettes számok fogalma már Pingala (i.e. 200 körül) indiai matematikus munkáiban is megtalálható, aki bináris-szerű rendszereket használt a költészet és a ritmus elemzése során. Azonban csak az 1930-as években, amikor a híres matematikus és informatikus, Alan Turing használta a bináris rendszert egy gép logikai funkcióinak leírására. Ez megalapozta az első számítógépek kifejlesztését, amelyek binárisan dolgoznak és tárolnak információkat.</p>
+
+ <p><strong>A kettes számrendszer a mai technológiában:</strong><br>
+ Ma a bináris számok elengedhetetlenek a számítógépek működéséhez. Ezek képezik az alapját az adattárolástól a képmegjelenítésig mindennek, így ez a modern számítástechnika egyik legfontosabb koncepciója.</p>
+
+ <p><strong>Következtetés:</strong><br>
+ A bináris első pillantásra egyszerűnek tűnhet, de ez a számítógépek nyelve, és ennek megértése a kulcs a technológia világának megértéséhez. Az ókortól a mai digitális korig a bináris rendszer alakította a világgal való kapcsolatunkat.</p>
+ </div>
+ </div>
+
+ <!-- Blog Post 3 -->
+ <div class="blog-post">
+ <h2 class="post-title">Érdekességek a hexadecimális számokról</h2>
+ <p class="post-date">Feltöltés dátuma: 2025. március 12</p>
+ <div class="post-content">
+ <p><strong>Mi az a hexadecimális?</strong><br>
+ A hexadecimális, egy számrendszer, amely 16 különböző szimbólumot használ az értékek megjelenítésére. A szimbólumok a 0-tól 9-ig terjedő számok és az A-F betűk, ahol A 10, B 11, és így tovább egészen F-ig, amely 15-öt jelent. Bár elsőre bonyolultnak tűnhet, a hexadecimálist széles körben használják a számítástechnikában, különösen a memóriacímek és a színkódok esetében a webdesignban.</p>
+
+ <p><strong>Miért használunk hexadecimálist?</strong><br>
+ A hexadecimális rendszert gyakran használják, mert kompaktabb, mint a bináris, így könnyebben lehet dolgozni nagy számokkal. Valójában egy hexadecimális számjegy négy bináris számjegyet (bit) jelenthet. Ez sokkal egyszerűbbé teszi az olvasást és megértést, mint a hosszú 1-es és 0-s karakterláncok.</p>
+
+ <p><strong>Érdekességek a hexadecimálisról:</strong><br>
+ - A "hexadecimális" kifejezés a görög "hexa" (hat) szóból és a latin "decim" (tíz) szóból származik, ami azt jelenti, hogy "tizenhat".<br>
+ - A hexadecimálist a színek megjelenítésére használják a webdesignban. Minden hexadecimális számpár egy szín, vörös, zöld és kék összetevőit jelöli.<br>
+ - A számítógépek hexadecimálist használnak a programozásban és a hibakeresésben, mert ez jobban olvasható, mint a bináris, de még mindig szorosan kapcsolódik hozzá.</p>
+
+ <p><strong>Következtetés:</strong><br>
+ A hexadecimális rendszer bonyolult rendszernek tűnhet, de fontos eszköz a technológia területén dolgozók számára. Akár kódol, akár webhelyeket tervez, akár a hardverbe merül, a hexadecimális értelmezés mélyebb megértését teszi lehetővé az adatok tárolásának és feldolgozásának módjáról.</p>
+ </div>
+ </div>
+ <div class="back-button-container">
+ <a href="fooldal.html" class="back-button">⬅ Vissza a Főoldalra</a>
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/contact.css b/contact.css
new file mode 100644
index 0000000..3fd194c
--- /dev/null
+++ b/contact.css
@@ -0,0 +1,95 @@
+.contact-section {
+ background-color: #FFC5D3;
+ padding: 60px 20px;
+ text-align: center;
+ color: #252525;
+}
+
+.contact-wrapper {
+ width: 80%;
+ margin: 0 auto;
+ max-width: 600px;
+}
+
+.contact-wrapper h2 {
+ font-size: 32px;
+ font-weight: bold;
+ color: #d00664;
+ margin-bottom: 15px;
+}
+
+.contact-wrapper p {
+ font-size: 16px;
+ color: #460212;
+ margin-bottom: 25px;
+}
+
+.contact-form {
+ display: flex;
+ flex-direction: column;
+ gap: 15px;
+}
+
+.contact-form input,
+.contact-form textarea {
+ width: 100%;
+ padding: 12px;
+ border: 2px solid #d00664;
+ border-radius: 8px;
+ font-size: 16px;
+ padding-bottom: 75px;
+}
+
+.contact-form textarea {
+ resize: none;
+}
+
+.contact-form button {
+ background-color: #d00664;
+ color: white;
+ font-size: 18px;
+ padding: 12px;
+ border: none;
+ border-radius: 8px;
+ cursor: pointer;
+ transition: 0.3s;
+}
+
+.contact-form button:hover {
+ background-color: #b00555;
+}
+
+body {
+ opacity: 1;
+ transition: opacity 0.5s ease-in-out;
+}
+
+body.fade-out {
+ opacity: 0;
+}
+
+.animated-bg {
+ transition: opacity 0.5s ease-in-out;
+}
+
+body {
+ opacity: 0;
+ animation: fadeIn 0.5s forwards;
+ transition: opacity 0.5s ease-in-out;
+
+}
+
+@keyframes fadeIn {
+ to {
+ opacity: 1;
+ }
+}
+
+body.fade-out {
+ opacity: 0;
+}
+
+
+.animated-bg {
+ transition: opacity 0.5s ease-in-out;
+}
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000..9882299
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="hu">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Kapcsolat</title>
+ <link rel="stylesheet" href="contact.css">
+ <script src="backg.js"></script>
+</head>
+<body>
+ <section class="contact-section">
+ <div class="contact-wrapper">
+ <h2>📩 Vegye fel velünk a kapcsolatot!</h2>
+ <p>
+ Kérdése vagy visszajelzése van? Szeretnénk hallani rólad! Akár kíváncsi a számrendszerekre,
+ segítségre van szüksége egy projekthez, vagy csak köszönni szeretne, forduljon bizalommal. Töltse ki az alábbi űrlapot, illetve vegye fel velünk a kapcsolatot közösségi média csatornáinkon keresztül. Kapcsolódjunk! 💬
+ </p>
+
+ <form class="contact-form">
+ <input type="text" name="name" placeholder="Az Ön neve" required>
+ <input type="email" name="email" placeholder="Az Ön email-címe" required>
+ <textarea name="message" placeholder="Az Ön üzenete" rows="5" required></textarea>
+ <button type="submit">Küldje el üzenetét</button>
+ </form>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
diff --git a/somet2.jpg b/somet2.jpg
new file mode 100644
index 0000000..b19e42f
Binary files /dev/null and b/somet2.jpg differ