Update texts and add clickable enlarged image lightbox

templates/base.html

@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="robots" content="noindex">
-  <title>{% block title %}Key Ajansı Portfolyosu{% endblock %}</title>
+  <title>{% block title %}Key Ajansı{% endblock %}</title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,500&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
@@ -55,9 +55,14 @@
 </main>
 
 <footer class="footer">
-  <p>Key Ajansı Portfolyosu — an unofficial agency</p>
+  <p>Key Ajansı — an unofficial agency</p>
 </footer>
 
+<div class="lightbox" id="lightbox" aria-hidden="true">
+  <button class="lightbox-close" type="button" aria-label="Kapat">×</button>
+  <img src="" alt="">
+</div>
+
 <script src="{{ url_for('static', filename='js/app.js') }}"></script>
 {% block scripts %}{% endblock %}
 </body>

templates/index.html

@@ -2,7 +2,7 @@
 {% block content %}
 
 <section class="hero">
-  <h1 class="hero-title">Key Ajansı Portfolyosu</h1>
+  <h1 class="hero-title">Key Ajansı</h1>
   <p class="hero-sub">an unofficial agency</p>
 </section>
 
@@ -35,7 +35,7 @@
 </section>
 
 <section class="section">
-  <h2 class="section-title">Ajansdaki Çalışanlarımız:</h2>
+  <h2 class="section-title">Örnek İşlerimizin Birkaçı:</h2>
   <div class="emp-grid">
 
     <div class="emp-col">