مساعدة في تصميم نفس الاطار المرفق

السلام عليكم

سنعتمد في الإنجاز على الـcss و html 

سنحدد تصنيف لصندوق النص ونعطيع مثلاً قيمة "TextBox" ونضيف صندوقين أخرين يتضمنان النصوص, واحد للنص العربي والأخر للنص الإنجليزي

ويكون بهذا الشكل

<div class="TextBox">
  <div class="Text right"> <!-- صندوق يظهر النص من اليمين لليسار -->
    <h2>عنوان النص</h2>
    <p>
      محتوى السطر الأول<br>
      محتوى السطر<br>
      محتوى السطر<br>
      <a href="#">نص الرابط</a>
      تحياتي
    </p>
  </div>
  
  <div class="Text left">
    <h2>Text Title</h2>
    <p>
      First line content<br>
      line content<br>
      line content<br>
      <a href="#">Link Text</a>
      regards
    </p>
  </div>
</div>

ونضيف كود الـcss التالي :

.TextBox {
	width: calc(100% - 20px);
  	margin: 0 10px;
  	background: #f2f2f2 /* اللون الرمادي */
	border-radius: 0 50px; /* إنحراف الزاوية */
}

.Text.right {
  padding : 5px 10px;
  text-align: right;
}

.Text.left {
  padding : 5px 10px;
  text-align: left;
}
  

بالتوفيق