Spaces:
Running
Running
| <html lang="tr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>İnovasyon Portalı</title> | |
| <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> | |
| <style> | |
| body { | |
| background-color: #f8f9fa; | |
| } | |
| .navbar { | |
| background-color: #002366; /* Lacivert */ | |
| } | |
| .navbar-brand, .nav-link { | |
| color: #fff ; | |
| } | |
| .jumbotron { | |
| background-color: #ff0000; /* Kırmızı */ | |
| color: white; | |
| } | |
| .btn-custom { | |
| background-color: #002366; /* Lacivert */ | |
| color: #fff; | |
| } | |
| .footer { | |
| background-color: #002366; | |
| color: #fff; | |
| padding: 10px 0; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Navigation Bar --> | |
| <nav class="navbar navbar-expand-lg navbar-dark"> | |
| <img src="carrefoursacom-logo.svg" alt="Açıklayıcı metin"> | |
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <div class="collapse navbar-collapse" id="navbarNav"> | |
| <ul class="navbar-nav ml-auto"> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#fikirler">Fikirler</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#projeler">Projeler</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#egitimler">Eğitimler</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#basari-hikayeleri">Başarı Hikayeleri</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#trendler">Trendler</a> | |
| </li> | |
| </ul> | |
| </div> | |
| </nav> | |
| <!-- Jumbotron --> | |
| <div class="jumbotron text-center"> | |
| <h1 class="display-4">İnovasyon Fikirlerinizi Paylaşın!</h1> | |
| <p class="lead">Market zincirimizde yenilikçi fikirler geliştirin ve büyümeye katkıda bulunun.</p> | |
| <a class="btn btn-custom btn-lg" href="#fikirler" role="button">Hemen Başlayın</a> | |
| </div> | |
| <!-- Main Sections --> | |
| <div class="container"> | |
| <!-- Fikirler Alanı --> | |
| <section id="fikirler"> | |
| <h2 class="text-center">Fikir Paylaşım Platformu</h2> | |
| <p class="text-center">Yeni fikirlerinizi buraya ekleyin, diğer kullanıcılar fikirlerinizi oylasın ve yorumlasın.</p> | |
| <div class="row"> | |
| <div class="col-md-12"> | |
| <div class="card"> | |
| <div class="card-header bg-primary text-white">Yeni Fikir Paylaş</div> | |
| <div class="card-body"> | |
| <form> | |
| <div class="form-group"> | |
| <label for="ideaTitle">Fikir Başlığı</label> | |
| <input type="text" class="form-control" id="ideaTitle" placeholder="Fikir başlığını girin"> | |
| </div> | |
| <div class="form-group"> | |
| <label for="ideaDescription">Fikir Açıklaması</label> | |
| <textarea class="form-control" id="ideaDescription" rows="3" placeholder="Fikrinizi açıklayın"></textarea> | |
| </div> | |
| <button type="submit" class="btn btn-custom">Gönder</button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <hr> | |
| <!-- Proje Yönetimi Alanı --> | |
| <section id="projeler"> | |
| <h2 class="text-center">Proje Yönetimi ve Takip</h2> | |
| <p class="text-center">Fikirlerinizi projeye dönüştürün ve ilerleyişini takip edin.</p> | |
| <div class="row"> | |
| <div class="col-md-4"> | |
| <div class="card"> | |
| <div class="card-body"> | |
| <h5 class="card-title">Proje 1</h5> | |
| <p class="card-text">Bu proje inovatif bir müşteri deneyimi iyileştirmesini hedefliyor.</p> | |
| <a href="#" class="btn btn-custom">Detaylar</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-4"> | |
| <div class="card"> | |
| <div class="card-body"> | |
| <h5 class="card-title">Proje 2</h5> | |
| <p class="card-text">Sürdürülebilir lojistik süreçleri geliştirme projesi.</p> | |
| <a href="#" class="btn btn-custom">Detaylar</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-4"> | |
| <div class="card"> | |
| <div class="card-body"> | |
| <h5 class="card-title">Proje 3</h5> | |
| <p class="card-text">Yapay zeka destekli stok yönetim sistemi projesi.</p> | |
| <a href="#" class="btn btn-custom">Detaylar</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <hr> | |
| <!-- Eğitimler ve Kaynaklar --> | |
| <section id="egitimler"> | |
| <h2 class="text-center">Eğitimler ve Kaynaklar</h2> | |
| <p class="text-center">İnovasyon ve iş süreçlerini geliştirmek için eğitim materyalleri ve kaynaklara ulaşın.</p> | |
| <div class="row"> | |
| <div class="col-md-6"> | |
| <div class="card"> | |
| <div class="card-body"> | |
| <h5 class="card-title">İnovasyon Eğitim Programı</h5> | |
| <p class="card-text">İnovasyon süreçleri ve yönetimi hakkında kapsamlı bir eğitim.</p> | |
| <a href="#" class="btn btn-custom">Başlayın</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-6"> | |
| <div class="card"> | |
| <div class="card-body"> | |
| <h5 class="card-title">Başarılı İnovasyon Örnekleri</h5> | |
| <p class="card-text">Diğer marketlerdeki başarılı inovasyon projeleri hakkında detaylı bilgi.</p> | |
| <a href="#" class="btn btn-custom">Detaylar</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <hr> | |
| <!-- Başarı Hikayeleri --> | |
| <section id="basari-hikayeleri"> | |
| <h2 class="text-center">Başarı Hikayeleri</h2> | |
| <p class="text-center">Market zincirimizde gerçekleşen başarılı inovasyon örnekleri ve hikayeleri.</p> | |
| <!-- Başarı hikayeleri örnekleri burada listelenebilir --> | |
| </section> | |
| <hr> | |
| <!-- Pazar Trendleri --> | |
| <section id="trendler"> | |
| <h2 class="text-center">Pazar Trendleri ve Araştırmalar</h2> | |
| <p class="text-center">Sektördeki yenilikler ve pazar trendleri hakkında güncel bilgilere ulaşın.</p> | |
| <!-- Pazar trendleri içerikleri burada yer alabilir --> | |
| </section> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="footer text-center"> | |
| <p>© 2024 İnovasyon Portalı | Tüm Hakları Saklıdır.</p> | |
| </footer> | |
| <!-- Bootstrap JS --> | |
| <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script> | |
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> | |
| </body> | |
| </html> | |