Spaces:
Running
Running
File size: 7,178 Bytes
991d8c2 |
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 |
<!DOCTYPE html>
<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 !important;
}
.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>
|