forked from hammoud442/wasset
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhead.html
More file actions
209 lines (174 loc) · 8.51 KB
/
head.html
File metadata and controls
209 lines (174 loc) · 8.51 KB
1
<!doctype html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>waseet</title> <link href="https://fonts.googleapis.com/css?family=Cairo&display=swap" rel="stylesheet"> <style type="text/css"> @font-face { font-family: 'Cairo', sans-serif; font-weight: normal; font-style: normal; } body { font-family: 'Cairo', sans-serif; } .invoice-box { max-width: 100%; font-size: 14px; line-height: 24px; color: #0E4882; } .invoice-box table { width: 100%; text-align: left; } .invoice-box table td { /*padding: 5px;*/ vertical-align: top; } .invoice-box table tr td:nth-child(2) { text-align: right; } .invoice-box table tr.top table td { padding-bottom: 20px; } .invoice-box table tr.information table td { padding-bottom: 40px; text-align: left; } .invoice-box table tr.information table td:first-child { text-align: right; } .invoice-box table tr.heading td { /*background: #eee;*/ font-weight: bold; text-align: center; /*border: 1px solid black;*/ } .invoice-box table tr.details td { padding-bottom: 20px; } .invoice-box table tr.item td { text-align: right; } .invoice-box table tr.vertical-border td { border-left: 1px solid #0E4882; border-right: 1px solid #0E4882; } .invoice-box table tr.item td.empty { border-bottom: none; } .invoice-box table tr.item.last td { border-bottom: none; } .invoice-box table tr.total td:nth-child(2) { border-top: 2px solid #eee; font-weight: bold; } .invoice-box td.logo { text-align: left; } @media only screen and (max-width: 600px) { .invoice-box table tr.top table td { width: 100%; display: block; text-align: center; } .invoice-box table tr.information table td { width: 100%; display: block; text-align: center; } } .invoice-box-shadow { /*-webkit-bo.invoice-boxx-shadow: 0px 0px 28px -6px rgba(247,248,250,1);*/ /*-moz-box-shadow: 0px 0px 28px -6px rgba(247,248,250,1);*/ /*box-shadow: 0px 0px 28px -6px rgba(247,248,250,1);*/ padding: 20px; padding-top: 0px; border-radius: 15px; } body { border: 2px solid #0e4882; padding: 0px; margin: 0px; } @page { size: 7in 9.25in; } </style></head><body dir="rtl" ><div id="main" role="main" class="dashboard" align="center"> <div id="content"> <section> <div class="invoice-box"> <table cellpadding="0" cellspacing="0"> <tr class="top"> <td colspan="4"> <table> <tr> <td class="logo" > <img src="images/header.png" style="display: block;margin-left: auto; margin-right: auto; width: 100%; max-width: 100%"> </td> </tr> </table> </td> </tr> </table> </div> <div class="invoice-box invoice-box-shadow"style="margin-top: -30px"> <table cellpadding="0" cellspacing="0"> <tr class="heading"> <td style="color: #0e4882;font-size: 14px;font-weight: bold;text-align: left" colspan="3">رقم السند : <span style="color: #000000;font-size: 16px"> 123456789</span></td> </tr> <tr class="heading" style="margin-top: 20px"> <td style="color: #0e4882;font-size: 14px;font-weight: bold;text-align: left" colspan="3">تاريخ السند : <span style="color: #000000;font-size: 16px"> 13 / 02 /2019 م</span></td> </tr> <tr class="heading"> <td style="color: #0e4882;font-size: 14px;font-weight: bold;" colspan="3">سنـــــــد قبـــــــــض<br>RECEIPT VOUCHER</td> </tr> </table> <p style="text-align: right ;color: #0e4882;font-size: 14px;font-weight: bold;">استلمنا من المكرم / <span style="color: #000000;font-size: 16px"> أيمن سعدي الطنطاوي</span> المحترم</p> <p style="text-align: right;color: #0e4882;font-size: 14px;font-weight: bold;">مبلغ وقدره : <span style="color: #000000;font-size: 16px"> 1200 </span> ريال ( تحويل ) </p> <p style="text-align: right;color: #0e4882;font-size: 14px;font-weight: bold;">في تاريخ : <span style="color: #000000;font-size: 16px"> 15/08/2019 م</span> </p> <p style="color: #000000;font-size: 14px;font-weight: bold;text-align: right;" >وذلك مقابل : </p> <p style="color: #0e4882;font-size: 13px;font-weight: bold;text-align: justify"><span style="color: #000000;font-size: 13px"> هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد، النص لن يبدو مقسما ولا يحوي أخطاء لغوية، مولد النص العربى مفيد لمصممي المواقع على وجه الخصوص، حيث يحتاج العميل فى كثير من الأحيان أن يطلع على صورة حقيقية لتصميم الموقع.ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميل الشكل كاملاً،دور مولد النص العربى أن يوفر على المصمم عناء البحث عن نص بديل لا علاقة له بالموضوع الذى يتحدث عنه التصميم فيظهر بشكل لا يليق.هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق، أو حتى غير مفهوم. لأنه مازال نصاً بديلاً ومؤقتاً.</span> <br> <table cellpadding="0" cellspacing="0"> <tr class="heading"> <td style="color: #0e4882;font-size: 14px;font-weight: bold;text-align: center">المستلم : </td> <td style="color: #0e4882;font-size: 14px;font-weight: bold;text-align: center">الختم : </td> </tr> <tr class="heading"> <td style="color: #0e4882;font-size: 14px;font-weight: bold;text-align: center"> <span style="color: #000000;font-size: 16px;text-align: right"> <br>أيمن سعدي الطنطاوي</span></td> <td style="color: #0e4882;font-size: 14px;font-weight: bold;text-align: center"> <img style="width: 100px;height: 100px" src="images/send.png"></span></td> </tr> </table> </div> </section> <table cellpadding="0" cellspacing="0"> <tr class="top"> <td colspan="4"> <table> <tr> <td class="logo" > <img src="images/footerr.png" style="display: block;margin-left: auto; margin-right: auto; width: 100%; max-width: 100%"> </td> </tr> </table> </td> </tr> </table> </div></div></body></html>