Skip to content

Commit 3f09528

Browse files
OpenSoftware-WorldOpenSoftware-World
authored
A navigation bar design has been developed for the “About Me” and “Our Philosophy” sections.
1 parent 9cefcf8 commit 3f09528

2 files changed

Lines changed: 50 additions & 18 deletions

File tree

‎WS_Pages/About/index.html‎

Lines changed: 25 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -27,17 +27,33 @@
2727
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
2828
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
2929
<link rel="shortcut icon" href="https://avatars.githubusercontent.com/u/143949134?v=4" type="image/x-icon">
30+
<style>
31+
.navbar .nav-link {
32+
color: #000 !important;
33+
}
34+
.navbar .nav-link:hover {
35+
color: #000 !important;
36+
opacity: 0.7;
37+
}
38+
</style>
3039
</head>
3140
<body class="body">
32-
<nav class="navbar navbar-expand-lg title-navbar fs-4 py-3">
33-
<img class="navbar-brand ms-3" src="https://avatars.githubusercontent.com/u/143949134?v=4" width="30" height="30" alt="OpenSoftware-World">
34-
<a class="navbar-brand" href="/">OpenSoftware-World</a>
35-
<a class="navbar-brand" href="/WS_Pages/TR/About/" target="_blank" id="About"></a>
36-
<a class="navbar-brand" href="https://github.com/OpenSoftware-World/" target="_blank">GitHub</a>
37-
<a class="navbar-brand" href="/Updates/updates" target="_blank" id="Updates"></a>
38-
<a class="navbar-brand" href="/Contracts/" target="_blank" id="Contracts"></a>
39-
<a class="navbar-brand" href="/WS_Pages/TR/MyPhilosophy/" target="_blank" id="Philosophy"></a>
40-
<a class="navbar-brand" href="/support/support" target="_blank" id="Support"></a>
41+
<nav class="navbar navbar-expand-lg navbar-light bg-light title-navbar fs-4 py-2" style="background-color: #EAEAEA !important; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;">
42+
<div class="container-fluid">
43+
<img class="navbar-brand ms-3" src="https://avatars.githubusercontent.com/u/143949134?v=4" width="30" height="30" alt="OpenSoftware-World" title="OpenSoftware-World Logo">
44+
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
45+
<div class="navbar-collapse collapse" id="navbarContent">
46+
<ul class="navbar-nav">
47+
<li class="nav-item"><a class="nav-link" href="/">OpenSoftware-World</a></li>
48+
<li class="nav-item"><a class="nav-link" href="/WS_Pages/About/" target="_blank" id="About"></a></li>
49+
<li class="nav-item"><a class="nav-link" href="https://github.com/OpenSoftware-World/" target="_blank">GitHub</a></li>
50+
<li class="nav-item"><a class="nav-link" href="/Updates/updates" target="_blank" id="Updates"></a></li>
51+
<li class="nav-item"><a class="nav-link" href="/Contracts/" target="_blank" id="Contracts"></a></li>
52+
<li class="nav-item"><a class="nav-link" href="/WS_Pages/MyPhilosophy/" target="_blank" id="Philosophy"></a></li>
53+
<li class="nav-item"><a class="nav-link" href="/support/support" target="_blank" id="Support"></a></li>
54+
</ul>
55+
</div>
56+
</div>
4157
</nav>
4258

4359
<h1 class="abt">Hakkımda / Yaptıklarım ve Github hesabım</h1>

‎WS_Pages/MyPhilosophy/index.html‎

Lines changed: 25 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -24,19 +24,35 @@
2424
<link rel="stylesheet" href="https://os-w-socialmediacenter.onrender.com/static/style/style.css">
2525
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
2626
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
27+
<style>
28+
.navbar .nav-link {
29+
color: #000 !important;
30+
}
31+
.navbar .nav-link:hover {
32+
color: #000 !important;
33+
opacity: 0.7;
34+
}
35+
</style>
2736
<link rel="stylesheet" href="/assets/CSS/TR/style_about.css">
2837
<link rel="stylesheet" href="/assets/CSS/astt.css">
2938
</head>
3039
<body class="body" style="overflow-x: hidden;">
31-
<nav class="navbar navbar-expand-lg title-navbar fs-4 py-3">
32-
<img class="navbar-brand ms-3" src="https://avatars.githubusercontent.com/u/143949134?v=4" width="30" height="30" alt="OpenSoftware-World">
33-
<a class="navbar-brand" href="/">OpenSoftware-World</a>
34-
<a class="navbar-brand" href="/WS_Pages/TR/About/" target="_blank">Hakkımda</a>
35-
<a class="navbar-brand" href="https://github.com/OpenSoftware-World/" target="_blank">GitHub</a>
36-
<a class="navbar-brand" href="/Updates/updates" target="_blank">Güncellemeler</a>
37-
<a class="navbar-brand" href="/Contracts/TR/" target="_blank">Sözleşmeler</a>
38-
<a class="navbar-brand" href="/WS_Pages/TR/MyPhilosophy/" target="_blank">Felsefemiz</a>
39-
<a class="navbar-brand" href="/support/support" target="_blank">Yardım</a>
40+
<nav class="navbar navbar-expand-lg navbar-light bg-light title-navbar fs-4 py-2" style="background-color: #EAEAEA !important; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;">
41+
<div class="container-fluid">
42+
<img class="navbar-brand ms-3" src="https://avatars.githubusercontent.com/u/143949134?v=4" width="30" height="30" alt="OpenSoftware-World" title="OpenSoftware-World Logo">
43+
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
44+
<div class="navbar-collapse collapse" id="navbarContent">
45+
<ul class="navbar-nav">
46+
<li class="nav-item"><a class="nav-link" href="/">OpenSoftware-World</a></li>
47+
<li class="nav-item"><a class="nav-link" href="/WS_Pages/About/" target="_blank" id="About"></a></li>
48+
<li class="nav-item"><a class="nav-link" href="https://github.com/OpenSoftware-World/" target="_blank">GitHub</a></li>
49+
<li class="nav-item"><a class="nav-link" href="/Updates/updates" target="_blank" id="Updates"></a></li>
50+
<li class="nav-item"><a class="nav-link" href="/Contracts/" target="_blank" id="Contracts"></a></li>
51+
<li class="nav-item"><a class="nav-link" href="/WS_Pages/MyPhilosophy/" target="_blank" id="Philosophy"></a></li>
52+
<li class="nav-item"><a class="nav-link" href="/support/support" target="_blank" id="Support"></a></li>
53+
</ul>
54+
</div>
55+
</div>
4056
</nav>
4157
<div class="nvb">
4258
<h1 class="abt">OpenSoftware-World Felsefesi (Misyonumuz)</h1>

0 commit comments

Comments
 (0)