Skip to content

Commit

Permalink
certificate-ui-design
Browse files Browse the repository at this point in the history
  • Loading branch information
@mubeenfayyaz20 @Ali-Salman29
mubeenfayyaz20 authored and Ali-Salman29 committed Jun 11, 2024
1 parent 0fc2c3d commit b91b09e
Show file tree
Hide file tree
Showing 12 changed files with 312 additions and 245 deletions.
Binary file added lms/static/certificates/fonts/Diodrum/DiodrumArabic-Bold.ttf
View file
Binary file not shown.
Binary file added lms/static/certificates/fonts/Diodrum/DiodrumArabic-Extralight.ttf
View file
Binary file not shown.
Binary file added lms/static/certificates/fonts/Diodrum/DiodrumArabic-Light.ttf
View file
Binary file not shown.
Binary file added lms/static/certificates/fonts/Diodrum/DiodrumArabic-Medium (1).ttf
View file
Binary file not shown.
Binary file added lms/static/certificates/fonts/Diodrum/DiodrumArabic-Medium.ttf
View file
Binary file not shown.
Binary file added lms/static/certificates/fonts/Diodrum/DiodrumArabic-Medium_2.ttf
View file
Binary file not shown.
Binary file added lms/static/certificates/fonts/Diodrum/DiodrumArabic-Regular.ttf
View file
Binary file not shown.
Binary file added lms/static/certificates/fonts/Diodrum/DiodrumArabic-Semibold.ttf
View file
Binary file not shown.
Binary file added lms/static/certificates/fonts/Diodrum/DiodrumArabic-Semibold_2.ttf
View file
Binary file not shown.
Binary file modified lms/static/certificates/images/certificate-bg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
457 changes: 223 additions & 234 deletions lms/static/certificates/sass/_sdaia-template.scss
View file

Large diffs are not rendered by default.

100 changes: 89 additions & 11 deletions lms/templates/certificates/_accomplishment-rendering.html
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
<!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 href="https://db.onlinewebfonts.com/c/47d92bf6ae3dd16b9babdb8a7580be85?family=DIN+Next+LT+Arabic+Heavy" rel="stylesheet">
<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 href="https://db.onlinewebfonts.com/c/47d92bf6ae3dd16b9babdb8a7580be85?family=DIN+Next+LT+Arabic+Heavy" rel="stylesheet">
<link href="https://db.onlinewebfonts.com/c/47d92bf6ae3dd16b9babdb8a7580be85?family=DIN+Next+LT+Arabic+Heavy" rel="stylesheet"> -->
<title>SDAIA Academy - Certificate of completion</title>
</head>
<body>
<div class="certificate-wrapper">
<title>SDAIA Academy - Certificate of completion</title>
</head>
<body>
<!-- <div class="certificate-wrapper">
<div class="certificate-header">
<div class="certificate-header-col">
<img src="./../../static/images/SDAIA-Academy-logo.svg" class="sdaia-academy-logo" width="195" alt="SDAIA Academy Logo">
Expand All @@ -34,6 +34,84 @@ <h2 class="sub-title">هذه الشهادة وذلك لإتمام البرنام
<p>أكاديمية سدايا</p>
</div>
</div>
</div>
</body>
</div> -->

<div class="certificateWrapper">
<div class="certificateWrapper__header">
<img
src="./../../static/images/SDAIA-Academy-logo.svg"
class="sdaia-academy-logo"
alt="SDAIA Academy Logo"
/>
<img src="./../../static/images/SDAIA-logo.svg" class="sdaia-logo" alt="SDAIA Logo" />
</div>
<div class="certificateWrapper__bodywraper">
<div class="certificateWrapper__topWrapper">
<h1 class="certificateWrapper__mainTitleWrap">
<div class="certificateWrapper__titleAr diodrumFontFamily"><strong> شهادة إتمام </strong></div>
<div class="certificateWrapper__title">CERTIFICATE OF COMPLETION</div>
</h1>

<div class="certificateWrapper__subTitleWrap">
<div class="certificateWrapper__subTitleBody">
<div class="certificateWrapper__subTitle">
Saudi Data and AI Authority (SDAIA) Certifies that
</div>
<div class="certificateWrapper__subTitleAR text-align diodrumFontFamily">
:الهيئة السعودية للبيانات والذكاء الاصطناعي ( سدايا ) تمنح
</div>
</div>
<div class="certificateWrapper__personWrap">
<label class="certificateWrapper__personName">${accomplishment_copy_name} </label>
<label class="certificateWrapper__personName diodrumFontFamily">
${accomplishment_copy_name}
</label>
</div>
</div>
</div>
<div class="certificateWrapper__body">
<div class="certificateWrapper__listWraper">
<div class="certificateWrapper__valueListWrap">
<div class="certificateWrapper__list">
<span> has succsessfully completed the </span>
<span class="diodrumFontFamily text-align"> شهادة إتمام ا لدورة التدريبية </span>
</div>
<div class="certificateWrapper__innerDetailWrap">
<label class="certificateWrapper__valueName">
${accomplishment_copy_course_name}
</label>
<label class="certificateWrapper__valueName text-align diodrumFontFamily">
${accomplishment_copy_course_name}</label
>
</div>
</div>
<div class="certificateWrapper__valueListWrap">
<div class="certificateWrapper__list">
<span class="flex-small">
Consisting of
<span class="orange-color">(<strong>${course_duration}</strong>)</span>
hours</span
>
<span class="flex-small diodrumFontFamily text-align"
>ساعة تدريبية<span class="orange-color diodrumFontFamily"
>(<strong>${course_duration}</strong>)</span
>بمعدل
</span>
</div>
<div class="certificateWrapper__innerDetailWrap">
<label class="certificateWrapper__valueName flex-small">
<span class="black-color">on</span>
<span class="orange-color">${certificate_date_issued}</span>
</label>
<label class="certificateWrapper__valueName flex-small">
<span class="orange-color diodrumFontFamily">${certificate_date_issued}</span>
<span class="black-color diodrumFontFamily">بتاريخ</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

0 comments on commit b91b09e

Please sign in to comment.