Skip to content

Commit

Permalink
ghg
Browse files Browse the repository at this point in the history
  • Loading branch information
imswarnil authored Feb 21, 2025
1 parent e641a2c commit abe3d63
Showing 1 changed file with 0 additions and 342 deletions.
342 changes: 0 additions & 342 deletions pages/about.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,348 +7,6 @@ sidebar : true
hero : false
---

<div class="container my-6">
<div class="columns">
<div class="column is-12">
<h1 class="title is-2 has-text-weight-bold mb-3">
Hi there, we’re
<span class="has-text-primary">Geeks</span>
</h1>
<p class="subtitle is-3 mb-3">
We’re building the best next-generation interactive UI Kit design tool for developers, engineers, full-stack developers, and digital agencies.
</p>
<p class="mb-0 is-4 has-text-grey-dark">
Geeks provide clean and consistent page designs to help you create beautiful content. Geeks' feature-rich components and beautifully designed pages help you create the best possible website and web application projects.
</p>
</div>
</div>
<div class="columns is-multiline">
<div class="column is-3">
<figure class="image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSt33LyzTF08Z_qsv2NvdBb7PVlOcz51qu-XA&s" alt="Gallery image 1">
</figure>
</div>
<div class="column is-3">
<figure class="image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSt33LyzTF08Z_qsv2NvdBb7PVlOcz51qu-XA&s" alt="Gallery image 2">
</figure>
</div>
<div class="column is-3">
<figure class="image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSt33LyzTF08Z_qsv2NvdBb7PVlOcz51qu-XA&s" alt="Gallery image 3">
</figure>
</div>
<div class="column is-4">
<figure class="image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSt33LyzTF08Z_qsv2NvdBb7PVlOcz51qu-XA&s" alt="Gallery image 4" class="is-rounded">
</figure>
</div>
<div class="column is-4">
<figure class="image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSt33LyzTF08Z_qsv2NvdBb7PVlOcz51qu-XA&s" alt="Gallery image 5" class="is-rounded">
</figure>
</div>
<div class="column is-4">
<figure class="image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSt33LyzTF08Z_qsv2NvdBb7PVlOcz51qu-XA&s" alt="Gallery image 6" class="is-rounded">
</figure>
</div>
</div>
<!-- statistics section -->
<div class="columns is-multiline">
<div class="column is-6">
<h1 class="title is-3 has-text-weight-bold mb-3">Our global reach</h1>
<p class="subtitle is-4">Geeks is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed.</p>
</div>
<div class="column is-3">
<div class="box has-text-centered">
<h1 class="title is-2 has-text-weight-bold mb-0">20M</h1>
<p class="has-text-uppercase">Learners</p>
</div>
</div>
<div class="column is-3">
<div class="box has-text-centered">
<h1 class="title is-2 has-text-weight-bold mb-0">57K</h1>
<p class="has-text-uppercase">Instructors</p>
</div>
</div>
<div class="column is-3">
<div class="box has-text-centered">
<h1 class="title is-2 has-text-weight-bold mb-0">21K</h1>
<p class="has-text-uppercase">Courses</p>
</div>
</div>
<div class="column is-3">
<div class="box has-text-centered">
<h1 class="title is-2 has-text-weight-bold mb-0">380M</h1>
<p class="has-text-uppercase">Course enrollments</p>
</div>
</div>
</div>
</div>
</section>
<!-- core values section -->
<section class="py-6">
<div class="container my-6">
<div class="columns">
<div class="column is-6">
<h2 class="title is-3 has-text-weight-bold mb-3">Our core values</h2>
<p class="subtitle is-4">Our core values are the fundamental beliefs of a person or organization at CRM Analytics Academy. We help people understand the difference between right and wrong.</p>
</div>
</div>
<asdiv class="columns is-multiline">
<div class="column is-4">
<div class="card">
<div class="card-content">
<div class="icon mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-mortarboard has-text-primary" viewBox="0 0 16 16">
<path d="M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5ZM8 8.46 1.758 5.965 8 3.052l6.242 2.913L8 8.46Z"></path>
<path d="M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466 4.176 9.032Zm-.068 1.873.22-.748 3.496 1.311a.5.5 0 0 0 .352 0l3.496-1.311.22.748L8 12.46l-3.892-1.556Z"></path>
</svg></div>
<h3 class="is-5 has-text-weight-bold">Make Education Accessible</h3>
<p>We aim to make learning accessible for all, providing resources and support to make education easier to obtain.</p>
</div>
</div>
</div>
<div class="column is-4">
<div class="card">
<div class="card-content">
<div class="icon mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-people-fill has-text-primary" viewBox="0 0 16 16">
<path d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"></path>
</svg>
</div>
<h3 class="is-5 has-text-weight-bold">Learn and Grow</h3>
<p>We provide a platform where learners can grow and advance by accessing high-quality educational materials.</p>
</div>
</div>
</div>
<div class="column is-4">
<div class="card">
<div class="card-content">
<div class="icon mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-graph-up-arrow has-text-primary" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M10.854 4.146a.5.5 0 0 1 .707.707L8.207 8.707 6.646 7.146a.5.5 0 0 1 .708-.707L8 7.793l2.854-3.647z"></path>
<path d="M0 10a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5Z"></path>
</svg>
</div>
<h3 class="is-5 has-text-weight-bold">Unlock Opportunities</h3>
<p>We provide opportunities for learners to succeed in the digital age by enhancing their skills and knowledge.</p>
</div>
</div>
</div>
</div>
</div>

<!-- _includes/lessons.html -->
{% assign posts = site.posts | where_exp: "post", "post.categories contains 'Training Videos'" %}

<section class="">
<div>
<h2 class="title is-4 mb-5">All Lessons</h2>
<div class="columns is-multiline">
{% for post in posts %}
<div class="column is-12">
<div class="">
<div class="columns is-vcentered">
<div class="column is-4">
<a href="{{ post.url }}">
<img src="{{ post.thumbnail }}" alt="{{ post.title }}" class="image is-rounded" loading="lazy">
</a>
</div>
<div class="column">
<div class="content">
<p class="has-text-weight-semibold">Lesson {{ post.lesson_number }}</p>
<h3 class="title is-5"><a href="{{ post.url }}">{{ post.title }}</a></h3>
<p>{{ post.description }}</p>
<p class="has-text-grey-dark">{{ post.duration }}</p>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>


<style>
.course-card {
margin-bottom: 1.5rem;
}
.course-thumbnail img {
width: 100%;
height: auto;
}
.course-bookmark {
position: absolute;
top: 1rem;
right: 1rem;
}
.course-meta {
display: flex;
justify-content: space-between;
}
.progress-circle {
--size: 2.5rem;
--pro: 0;
width: var(--size);
height: var(--size);
border-radius: 50%;
background: conic-gradient(#00d1b2 var(--pro), #f5f5f5 0 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.75rem;
font-weight: bold;
}
</style>
<section class="section">
<div class="container">
<div class="columns is-mobile is-multiline">
<div class="column is-12">
<div class="is-flex is-justify-content-space-between">
<h1 class="title">Courses</h1>
<button class="button is-secondary">Filters</button>
</div>
</div>
<div class="column is-one-quarter">
<aside class="menu">
<p class="menu-label">Search</p>
<input class="input" type="text" placeholder="Search...">
<p class="menu-label">Category</p>
<ul class="menu-list">
<li><label><input type="checkbox"> Admin</label></li>
<li><label><input type="checkbox"> Business</label></li>
<li><label><input type="checkbox"> Design</label></li>
<li><label><input type="checkbox"> Development</label></li>
</ul>
<p class="menu-label">Tags</p>
<ul class="menu-list">
<li><label><input type="checkbox"> Admin</label></li>
<li><label><input type="checkbox"> Apex</label></li>
<li><label><input type="checkbox"> Basics</label></li>
<li><label><input type="checkbox"> Beginner</label></li>
<li><label><input type="checkbox"> Developer</label></li>
<li><label><input type="checkbox"> Fundamental</label></li>
<li><label><input type="checkbox"> Some Tags</label></li>
</ul>
<p class="menu-label">Level</p>
<ul class="menu-list">
<li><label><input type="checkbox"> All Levels</label></li>
<li><label><input type="checkbox"> Beginner</label></li>
<li><label><input type="checkbox"> Intermediate</label></li>
<li><label><input type="checkbox"> Expert</label></li>
</ul>
<p class="menu-label">Price</p>
<ul class="menu-list">
<li><label><input type="checkbox"> Free</label></li>
<li><label><input type="checkbox"> Paid</label></li>
</ul>
<button class="button is-small is-fullwidth">Clear All Filters</button>
</aside>
</div>
<div class="column is-three-quarters">
<div class="columns is-multiline">
<div class="column is-one-third course-card">
<div class="card">
<div class="card-image">
<figure class="image is-4by3 course-thumbnail">
<img src="https://namastesalesforce.com/wp-content/uploads/2024/05/what-is-salesforce.png" alt="Salesforce Fundamentals: Master the Basics">
</figure>
<span class="icon is-small course-bookmark">
<i class="fas fa-bookmark"></i>
</span>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">Salesforce Fundamentals: Master the Basics</p>
<p class="subtitle is-6">By <a href="#">Admin</a></p>
</div>
</div>
<div class="content">
<p>Category: Admin</p>
<div class="course-meta">
<span><i class="fas fa-user"></i> 2</span>
<span><i class="fas fa-clock"></i> 1h 30m</span>
</div>
</div>
<button class="button is-primary is-fullwidth">Enroll Course</button>
</div>
</div>
</div>
<div class="column is-one-third course-card">
<div class="card">
<div class="card-image">
<figure class="image is-4by3 course-thumbnail">
<img src="https://namastesalesforce.com/wp-content/uploads/2024/04/Black-Yellow-Modern-Guide-YouTube-Thumbnail.png" alt="My First Course">
</figure>
<span class="icon is-small course-bookmark">
<i class="fas fa-bookmark"></i>
</span>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">My First Course</p>
<p class="subtitle is-6">By <a href="#">Admin</a></p>
</div>
</div>
<div class="content">
<p>Categories: Business, Design</p>
<div class="course-meta">
<span><i class="fas fa-user"></i> 5</span>
<span><i class="fas fa-clock"></i> 1h 27m</span>
</div>
<p class="has-text-weight-bold">Price: <del>₹21.00</del> ₹1.00</p>
<div class="course-meta">
<span class="progress-circle" style="--pro: 50;">50%</span>
<span>50% Booked</span>
</div>
</div>
<button class="button is-primary is-fullwidth">Add to cart</button>
</div>
</div>
</div>
<div class="column is-one-third course-card">
<div class="card">
<div class="card-image">
<figure class="image is-4by3 course-thumbnail">
<img src="https://namastesalesforce.com/wp-content/uploads/2024/05/Copy-of-Courses-2.png" alt="Apex Beginner: Learn Salesforce Programming Language">
</figure>
<span class="icon is-small course-bookmark">
<i class="fas fa-bookmark"></i>
</span>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">Apex Beginner: Learn Salesforce Programming Language</p>
<p class="subtitle is-6">By <a href="#">Admin</a></p>
</div>
</div>
<div class="content">
<p>Category: Development</p>
<div class="course-meta">
<span><i class="fas fa-user"></i> 1</span>
<span><i class="fas fa-clock"></i> 1h</span>
</div>
</div>
<button class="button is-primary is-fullwidth">Enroll Course</button>
</div>
</div>
</div>
<!-- More course cards here -->
</div>
</div>
</div>
</div>
</section>



# Heading 1

## Heading 2
Expand Down

0 comments on commit abe3d63

Please sign in to comment.