buyrun hangi fontu kullandığınızı bilemediğim için böyle oldu İŞİNİZİ GÖRMESİ DİLEĞİ İLE....



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>Document</title>

</head>
<body>
<div class="container">
<div class="right">
<div class="logo"> <span>ME</span> <span>
HO
</span> </div>
</div>
<hr></hr>
<div class="left">

<div class="content">
<span class="name">YUSUF KARAHAN
</span>
<div class="Pr">
Director | Marketing
</div>
<div class="email">
Email:Marketingdirector@mehqshop.com
</div>
<div class="address">
<span>Address:Ankara/Çankaya 1071 Kule</span>
</div>
<div class="tel">
<span>Tel:05059934715</span>
</div>
<div class="website">
<span>Website: www.mehqshop.com</span>
</div>
<div class="social">
<span class="twitter">
<i class="fa-brands fa-twitter"></i>
</span>
<span class="linkedin">
<i class="fa-brands fa-linkedin"></i>
</span>
<span class="instagram">
<i class="fa-brands fa-instagram"></i>
</span>
<span class="youtube">
<i class="fa-brands fa-youtube"></i>
</span>
</div>

</div>

</div>

</div>
</body>
</html>
* {
margin:0;
padding:0;
}
html,body {
height:100%;
max-height:100%;
}
body {
display:flex;
align-items:center;
justify-content:center;
}

.container {
display:flex;
flex-direction:row;
position:relative
}

.right {
flex:1 0 10%;
position:relative;
padding:0px 5px;
}
.content {
display:flex;
gap:15px;
}
.left {
flex:1 0 80%;
padding:0px 10px;
}
.logo {
background:#730f12;
padding:15px 5px;
}
.logo span {
font-size:30px;
color:#fff;
}
.content {
display:flex;
flex-direction:column;
}

.content .name {
font-weight:600;
}
.Pr {
font-size:13px;
font-weight: 900;
}

.social {
display:flex;
flex-direction:row;
gap:15px;
}
.social .twitter {
background:#730f12;
color:#fff;
width:30px;
text-align:center;
}
.social .linkedin {
background:#730f12;
color:#fff;
width:30px;
text-align:center;
}
.social .instagram {
background:#730f12;
color:#fff;
width:30px;
text-align:center;
}
.social .youtube {
background:#730f12;
color:#fff;
width:30px;
text-align:center;
}
i {
font-size:21px;
}