Merge branch 'certificates'

Author: abhishek97

examples/public/fonts/BebasNeue-Bold.ttf

@@ -0,0 +1,24 @@
+<div class="certificate-excellence">
+  <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/excellence-certi-overlay.svg"
+    class="position-absolute tr">
+  <div class="certificate-excellence__main-section white">
+    <div class="certificate-excellence__main-section__right-section">
+      <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/cb_white.svg">
+      <div class="certificate-excellence__main-section__title1">CERTIFICATE</div>
+      <div class="certificate-excellence__main-section__title2">of Excellence</div>
+      <div class="font-mds" style="margin-top: 14px;">This certificate is presented for exemplary performance in</div>
+      <div class="divider-h certificate-excellence__main-section__right-section__divider"></div>
+      <div class="font-mds"><strong>Machine Learning</strong> course by <br />Coding Blocks.</div>
+    </div>
+    <div class="certificate-excellence__main-section__left-section">
+      <div class="certificate-excellence__main-section__left-section__content t-align-c">
+        <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/gold+_logo.svg">
+        <div class="font-mds" style="margin-top: 24px;"><strong>Machine <br />Learning</strong></div>
+        <div style="margin-top: 46px;">Batch</div>
+        <div class="divider-h certificate-excellence__main-section__left-section__content__divider"></div>
+        <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/munna_bhaiya_sign_white.svg" style="margin-bottom: 7px;">
+        <div>Manmohan Gupta<br />(Founder, Coding Blocks)</div>
+      </div>
+    </div>
+  </div>
+</div>

examples/public/fonts/BebasNeue-Regular.ttf

@@ -0,0 +1,34 @@
+<div class="certificate-lite border row no-gutters">
+  <div class="certificate-lite__left-section">
+    <img src="images/cpp-white.png">
+  </div>
+  <div class="certificate-lite__right-section">
+    <img src="images/cblogo-black.png" class="certificate-lite__right-section__logo">
+    <div class="certificate-lite__right-section__title">
+      CERTIFICATE OF COMPLETION
+    </div>
+    <div class="font-mdxl">This certificate is proudly presented to</div>
+    <div class="certificate-lite__right-section__badge">
+      <div class="position-relative h-100">
+        <div class="extra-bold white position-absolute t-align-c w-100">
+          LIVE<br>BATCHES
+        </div>
+      </div>
+    </div>
+    <div class="font-mdxl certificate-lite__right-section__description">
+      for successfully completing the<br><strong>C++ Launchpad Live Classroom</strong> course.
+    </div>
+    <div class="certificate-lite__right-section__signature-row row no-gutters align-items-end">
+      <div>
+        <div class="signature-divider"></div>
+        <div class="font-xl">Date</div>
+      </div>
+
+      <div style="margin-left: 162px;">
+        <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/mb_sign.svg">
+        <div class="signature-divider"></div>
+        <div class="font-xl">Manmohan Gupta (Founder, Coding Blocks)</div>
+      </div>
+    </div>
+  </div>
+</div>

examples/public/fonts/GreatVibes-Regular.ttf

@@ -20,6 +20,8 @@
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="cast-window.html">cast-window</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="cb-navbar.html">cb-navbar</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="cbhire.html">cbhire</a></div>
+<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="certificate-excellence.html">certificate-excellence</a></div>
+<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="certificate-lite.html">certificate-lite</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="code-editor.html">code-editor</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="code-window.html">code-window</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="competition-card.html">competition-card</a></div>

examples/public/images/cblogo-black.png

@@ -40,3 +40,4 @@
 @import "objects/divided-list-horizontal.scss";
 @import "objects/timeline";
 @import "objects/tables.scss";
+@import "objects/certificate.scss";