Responsive Product Card Slider Codepen Link

Clear, fun and practical courses for 3D storytellers.

Play Video
responsive product card slider codepen
Get to know us
402
K+
YouTube Subscribers
responsive product card slider codepen
2K
+
Reviews with 4.9 / 5 Star Rating
responsive product card slider codepen
29
K+
Enrolled Students
responsive product card slider codepen
responsive product card slider codepen
Our Courses

Choose your journey for the best experience and results.

Other courses to explore

Arrow Right

Discover our new bundles

responsive product card slider codepen
Bundle
responsive product card slider codepen
responsive product card slider codepen
Ultimate Cinematic Blender BundleNew!

Our comprehensive cinematic bundle: 2 courses to master storytelling and compositing in Blender. !-- Swiper JS --&gt

From
Free
$104
+ TAX
responsive product card slider codepen
Bundle
responsive product card slider codepen
responsive product card slider codepen
Ultimate 3D Environments Blender Bundle

Our comprehensive 3D environments bundle: Master large-scale and urban environments in Blender. No paid add-ons required.

From
Free
$119
+ TAX
responsive product card slider codepen
Bundle
responsive product card slider codepen
responsive product card slider codepen
responsive product card slider codepen
responsive product card slider codepen
responsive product card slider codepen
Ultimate CG Boost Blender Bundle

Our biggest, highest-value course bundle. 9 courses with everything you need to go all in with Blender and 3D. * margin: 0

From
Free
$499
+ TAX
responsive product card slider codepen
Bundle
responsive product card slider codepen
responsive product card slider codepen
responsive product card slider codepen
responsive product card slider codepen
Ultimate 3D Sculpting Blender Bundle

Our comprehensive sculpting bundle: 4 courses to master Blender sculpting and create stunning 3D characters and creatures.

From
Free
$169
+ TAX
responsive product card slider codepen

Not sure if Blender is for you? Get started with our free Blender Beginner Course.

Arrow Right
responsive product card slider codepen
Why choose our courses?

Best results come from the right courses.

responsive product card slider codepen

Fun to follow

Exciting projects, explained step by step, with some fun mixed in. You decide if you follow to the letter.

responsive product card slider codepen

Continuously improved

Continuously improved courses with both content additions and updates.

responsive product card slider codepen

Simple pricing

No subscription, pay once for each course, updates and offline access included.

Responsive Product Card Slider Codepen Link

<!-- Swiper JS --> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> </body> </html> * margin: 0; padding: 0; box-sizing: border-box;

.product-card h3 font-size: 1.2rem; font-weight: 600; margin: 0.5rem 0; color: #0f172a;

.price font-size: 1.3rem; font-weight: 700; color: #10b981; margin: 0.5rem 0;

.btn:hover background: #2563eb; transform: scale(0.98);

<!-- Product Card 2 --> <div class="swiper-slide"> <div class="product-card"> <div class="badge sale">-20%</div> <img src="https://picsum.photos/id/26/300/300" alt="Product"> <h3>Smart Watch</h3> <div class="price"><span class="old">$199</span> $159.99</div> <button class="btn">Add to Cart</button> </div> </div>

body font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f5f7fa; padding: 2rem;

<!-- Swiper JS --> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> </body> </html> * margin: 0; padding: 0; box-sizing: border-box;

.product-card h3 font-size: 1.2rem; font-weight: 600; margin: 0.5rem 0; color: #0f172a;

.price font-size: 1.3rem; font-weight: 700; color: #10b981; margin: 0.5rem 0;

.btn:hover background: #2563eb; transform: scale(0.98);

<!-- Product Card 2 --> <div class="swiper-slide"> <div class="product-card"> <div class="badge sale">-20%</div> <img src="https://picsum.photos/id/26/300/300" alt="Product"> <h3>Smart Watch</h3> <div class="price"><span class="old">$199</span> $159.99</div> <button class="btn">Add to Cart</button> </div> </div>

body font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f5f7fa; padding: 2rem;