Web Tasarım Bilenler Yardım !!!

Merhaba arkadaşlar, .resmini eklediğim sitenin logo ile anasayfa yazan yerin arasında kalan beyaz bölgeye bir slogan yazmam gerekiyor nasıl yaparım yardımcı olurmusunuz. header.php kodlarını ekliyorum.



<div class="top-bar-wrapper d-none d-sm-block">
<div class="container d-flex justify-content-between align-items-center">
<div class="top-left">
<a href="tel:<?=$iletisim['telefon1']?>"><i class="fal fa-phone-volume"></i><?=$iletisim['telefon1']?></a>
<a href="mailto:<?=$iletisim['email1']?>"><i class="fal fa-envelope"></i><?=$iletisim['email1']?></a>
<a href="iletisim"><i class="fal fa-map-marker-alt"></i><?=$iletisim['adres1']?></a>
</div>
<div class="top-right d-none d-md-block">
<div class="social-pages">
<a href="<?=$sosyal['facebook']?>" target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="<?=$sosyal['twitter']?>" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="<?=$sosyal['instagram']?>" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="<?=$sosyal['youtube']?>" target="_blank"><i class="fab fa-youtube"></i></a>
<a href="<?=$sosyal['linkedin']?>" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="<?=$sosyal['telegram']?>" target="_blank"><i class="fab fa-telegram"></i></a>
</div>
</div>
</div>
</div>

<header class="header-1">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-3 col-sm-5 col-md-4 col-6 pr-lg-5">
<div class="logo">
<a href="./">
<img src="resimler/<?=$ayar['logo']?>" alt="<?=$ayar['adi']?>">
</a>
</div>
</div>
<div class="col-lg-5 text-end p-lg-0 d-none d-lg-flex justify-content-between align-items-center">
<div class="menu-wrap">
<div class="main-menu">
<ul>
<li><a href="./">Anasayfa</a></li>
<li><a href="#">Kurumsal <i class="fas fa-angle-down"></i></a>
<ul class="sub-menu">
<?php
foreach($sayfacek as $say){
?>
<li><a href="<?=$say['seo']?>"><?=$say['adi']?></a></li>
<?php }?>
</ul>
</li>

<li><a href="#">Hizmetler <i class="fas fa-angle-down"></i></a>
<ul class="sub-menu">
<?php
foreach($hizmetcek as $hizmet){
?>
<li><a href="<?=$hizmet['seo']?>"><?=$hizmet['adi']?></a></li>
<?php }?>
</ul>
</li>


<li><a href="iletisim">İletişim</a></li>
</ul>
</div>
</div>
<div class="header-right-element">


<div class="search-box">
<form action="#">
<input type="text" placeholder="Search">
<button type="submit"><i class="fal fa-search"></i></button>
</form>
</div>
</div>
</div>
<div class="d-block d-lg-none col-sm-1 col-md-8 col-6">
<div class="mobile-nav-wrap">
<div id="hamburger"><i class="fal fa-bars"></i></div>
<!-- mobile menu - responsive menu -->
<div class="mobile-nav">
<button type="button" class="close-nav">
<i class="fal fa-times-circle"></i>
</button>
<nav class="sidebar-nav">
<ul class="metismenu" id="mobile-menu">
<li><a href="./">Anasayfa</a></li>
<li>
<a class="has-arrow" href="#">Kurumsal</a>
<ul class="sub-menu">
<?php
foreach($sayfacek as $say){
?>
<li><a href="<?=$say['seo']?>"><?=$say['adi']?></a></li>
<?php }?>
</ul>
</li>


<li>
<a class="has-arrow" href="#">Hizmetler</a>
<ul class="sub-menu">
<?php
foreach($hizmetcek as $hizmet){
?>
<li><a href="<?=$hizmet['seo']?>"><?=$hizmet['adi']?></a></li>
<?php }?>
</ul>
</li>

<li><a href="İletisimm">İletişim</a></li>
</ul>
</nav>

<div class="action-bar text-white">
<div class="single-info-element">
<div class="icon">
<i class="fal fa-map-marked-alt"></i>
</div>
<div class="text">
<h5>Adres</h5>
<span><?=$iletisim['adres1']?></span>
</div>
</div>

<div class="single-info-element">
<div class="icon">
<i class="fal fa-envelope"></i>
</div>
<div class="text">
<h5>Email</h5>
<span><?=$iletisim['email1']?></span>
<span><?=$iletisim['email2']?></span>
</div>
</div>
<div class="call-us">
<div class="icon text-white">
<i class="fal fa-phone-volume"></i>
</div>
<div class="text">
<h5>Müşteri Hizmetleri</h5>
<span><?=$iletisim['telefon1']?></span>
<span><?=$iletisim['telefon2']?></span>
</div>
</div>
<a href="iletisim" class="theme-btn mt-4">İletişime Geç</a>
</div>
</div>
</div>
<div class="overlay"></div>
</div>
</div>
</div>
<!-- GetButton.io widget -->
<script type="text/javascript">
(function () {
var options = {
whatsapp: "905053200646", // WhatsApp number
call_to_action: "Merhaba, nasıl yardımcı olabilirim ?", // Call to action
position: "left", // Position may be 'right' or 'left'
};
var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
})();
</script>
<!-- /GetButton.io widget -->

</header>

Kodları keşke kod etkiketi içerisinde ya da kod yapıştırma sayfası içerisine ekleseydiniz