Merge branch 'master' of github.com:coding-blocks/motley

Author: abhishek97

examples/views/coding-blocks/buttons.hbs

@@ -0,0 +1,13 @@
+<div class="a-cbm p-5" style="background: #08090C;">
+  <h2 class="white mb-4">Primary Button States</h2>
+  <button class="button-primary">Primary Button</button>
+  <button class="button-primary disabled">Primary Button</button>
+
+  <h2 class="white mt-5 mb-4">Secondary Button States</h2>
+  <button class="button-secondary">Secondary Button</button>
+  <button class="button-secondary disabled">Secondary Button</button>
+
+    <h2 class="white mt-5 mb-4">Secondary Button States</h2>
+  <button class="button-tertiary">Tertiary Button</button>
+  <button class="button-tertiary disabled">Tertiary Button</button>
+</div>

examples/views/coding-blocks/landing-page_main.hbs

@@ -3,7 +3,7 @@
 <div class="home-vh">
 	<div class="row no-gutters">
 		<div class="col-sm-3 pb-4 position-relative border-right" style="height: calc(100vh - 70px); overflow-y: scroll">
-			<h2 class="position-sticky bg-white p-4">Views</h2>
+			<h2 class="position-sticky bg-white p-4 tr">Views</h2>
 			<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="n-account-address.html">n-account-address</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="n-account-application.html">n-account-application</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="n-account-client.html">n-account-client</a></div>
@@ -24,6 +24,8 @@
 <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="buttons.html">buttons</a></div>
+<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="landing-page_main.html">landing-page_main</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="competition-card.html">competition-card</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="competition.html">competition</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="course-card-new.html">course-card-new</a></div>
@@ -89,6 +91,7 @@
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="dashboard-cards.html">dashboard-cards</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="dashboard-carousel-cards.html">dashboard-carousel-cards</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="dashboard-stats-card.html">dashboard-stats-card</a></div>
+<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="eligibility-test-modals.html">eligibility-test-modals</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="goodies-card.html">goodies-card</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="hiring-index.html">hiring-index</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="home.html">home</a></div>

examples/views/index.hbs

@@ -7,6 +7,7 @@
       <link href="stylesheets/account.css" rel="stylesheet">
       <link href="stylesheets/hb.css" rel="stylesheet">
       <link href="stylesheets/hiringblocks.css" rel="stylesheet">
+      <link href="stylesheets/coding-blocks.css" rel="stylesheet">
       <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800" rel="stylesheet">
       <link href="https://minio.codingblocks.com/motley/Gilroy.ttf" rel="stylesheet">
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">

examples/views/layouts/default.hbs

@@ -24,7 +24,16 @@
       </div>
     </div>
     <div class="row no-gutters align-items-center justify-content-between">
-      <h4 class="bold">Batch Starts 1st June 2020</h4>
+      <div class="col-xl-8 col-sm-6">
+        <div class="bold backdrop font-mds v-align-ma mb-xl-0 mb-5">
+          <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/user-white.svg" class="mr-2tea">
+          Enrollment through Selection process only
+        </div>
+        <div class="bold backdrop font-mds v-align-ma ml-xl-5 mb-md-0 mb-5">
+          <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/group-white.svg" class="mr-2">
+          50 Students
+        </div>
+      </div>
       <div class="d-inline-flex align-items-center">
         <span class="font-mdxl bold">&#8377;&nbsp;12499</span>
         <span class="font-xl bold del-text-grey pl-3"><del>&#8377;&nbsp;18999</del></span>
@@ -168,6 +177,110 @@
     </div>
 
     <div class="col-lg-4 mb-lg-0 mb-5">
+      <div class="br-10 overflow-hidden white mb-5">
+        <div class="row no-gutters align-items-center bg-gradient-green px-lg-5 px-4 py-4">
+          <div class="round s-60x60 border b-white border-2 all-center" style="background: inherit;">
+            <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/master-tropgy.svg">
+          </div>
+          <div class="flex-1 pl-4">
+            <div class="card-md mb-1">
+              Get free access to
+            </div>
+            <div class="bold">
+              Master Interview Questions for FAANG & Product Companies
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="border-card p-lg-5 p-4 bg-gradient-orange white position-relative mb-5">
+        <div class="font-md bold">Selection Tests</div>
+        <div class="card-md mt-1">Choose your preffered Test Date</div>
+        <div class="mt-5">
+          <button class="button-dashed button-white">25th July</button>
+          <button class="button-solid orange button-white ml-xl-3 ml-lg-2 ml-4">31st July</button>
+        </div>
+        <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/victory.svg" class="victory-vector">
+      </div>
+
+      <div class="border-card p-lg-5 p-4 bg-gradient-orange mb-5 white">
+        <div class="row no-gutters align-items-center justify-content-between pb-3 border-bottom">
+          <div class="font-md bold">Selection Test</div>
+          <div>
+            <div class="bold" style="font-size: 2rem;">01</div>
+            <div class="font-sm bold">
+              AUG
+            </div>
+          </div>
+        </div>
+        <div class="py-4 border-bottom">
+          <div class="card-md">
+            This amount will be reduced from the total course price upon your successful enrollment.
+          </div>
+          <div class="card-md mt-3">
+            All the non selected students will get a refund of Rs 1000
+          </div>
+        </div>
+        <div class="mt-4">
+          <div class="row no-gutters justify-content-between align-items-center">
+            <div class="font-mds bold">1000</div>
+            <div class="button-solid button-white orange">Pre Book Now</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="border-card p-lg-5 p-4 b-orange mb-5">
+        <div class="font-mds bold">
+          Timeline
+        </div>
+        <div class="border-left mt-5" style="padding-left: 1.5rem;">
+          <div class="position-relative mb-4">
+            <div class="card-md">
+              Pre Booking Starts on
+              <br />
+              <strong>25th July</strong>
+            </div>
+            <div class="indicator">&#8226;</div>
+          </div>
+          <div class="position-relative mb-4">
+            <div class="card-md">
+              Pre Booking Starts on
+              <br />
+              <strong>25th July</strong>
+            </div>
+            <div class="indicator">&#8226;</div>
+          </div>
+          <div class="position-relative mb-4">
+            <div class="card-md">
+              Pre Booking Starts on
+              <br />
+              <strong>25th July</strong>
+            </div>
+            <div class="indicator">&#8226;</div>
+          </div>
+          <div class="position-relative">
+            <div class="card-md">
+              Pre Booking Starts on
+              <br />
+              <strong>25th July</strong>
+            </div>
+            <div class="indicator">&#8226;</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="border-card bg-grey px-lg-5 px-4 py-4 mb-5">
+        <div class="row no-gutters align-items-center">
+          <div class="all-center round bg-white s-50x50">
+            <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/phone-gradient-orange.svg">
+          </div>
+          <div class="flex-1 pl-4">
+            In case of any query/doubt, please contact
+            <strong>9999579111 or 9999579222</strong>
+          </div>
+        </div>
+      </div>
+
       <div class="border-card b-orange p-4 mb-4">
         <div class="row justify-content-between align-items-center no-gutters">
           <div class="flex-1 pr-3">