Calculator tool Free and Simple Scientific Calculator - Calculate Your Mathematics Md Samiul ali (owner) 5 Jan, 2025
.png)
;
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo-container {
display: flex;
align-items: center;
gap: 10px;
}
.logo-container img {
height: 40px;
width: auto;
}
.logo-container h1 {
font-size: 22px;
color: #333;
font-weight: bold;
}
nav {
display: flex;
gap: 15px;
}
nav a {
text-decoration: none;
color: #555;
font-size: 16px;
transition: color 0.3s ease;
}
nav a:hover {
color: #0077cc;
}
@media (max-width: 600px) {
header {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
nav {
flex-direction: column;
gap: 8px;
width: 100%;
}
nav a {
padding-left: 10px;
}
}
</style>
<header>
<div class="logo-container">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht6ynrv1SkTeR1j2yIaGPRcojR0Mx43hjR6BDAZG_0SWfpKZU1kgB1baNgAgKSz9O9vTlgKAuPStmkFo4d78UCYInviEwwxrfRUPRpRvXgKRCN76bQWAC6bFoQRs1seW9qgldRdMyPul666Ud6qRvBMi7Q3CMDdGnPQhSw0eBW5AqBofpPHmWCK2UKuEH1/s1600/multiprotools.png" alt="Multiprotools Logo" />
<h1>Multiprotools</h1>
</div>
<nav>
<a href="#">Home</a>
<a href="#">Tools</a>
<a href="#">Blog</a>
<a href="#">Contact</a>
</nav>
</header>
</!doctype>){kind=logo}