Elements · Components

Cards

Cards carry most of the catalogue: a book, a series, a solution, a news story. These variations show the same Educare data in different frames so you can pick a book-card behaviour and a card family for the rest of the site. More than one pick is fine; a site can use several card styles.

10 variations

Select every variation you like — your picks are saved in this browser.

Book card — cover-first, 3-D tilt

The cover does the talking: a 3:4 cover on a tinted plate that tilts toward the pointer, with name, classes and starting price underneath.

  • book
  • tilt
  • cover-first
  • Tech Trek cover, Classes 1–8
    Win 11 · Office 2021

    Tech Trek

    Classes 1–8 · 8 books

    from ₹295

  • Explore It cover, Classes 1–8
    Win 10 · Office 2019

    Explore It

    Classes 1–8 · 8 books

    from ₹280

  • Cyber World cover, Classes 1–8
    Win 10 · Office 2016

    Cyber World

    Classes 1–8 · 8 books

    from ₹230

On the site: Home "Find the right series" grid (six cards) and the /books listing; the whole card links to the series page, the tilt is pointer-only and the card stays flat under reduced motion.

0/200

Book card — flip to ISBN & price

Front shows the cover and price range; “ISBN & prices” turns the card over to a class-by-class ISBN-13 and price table. Escape turns it back.

  • book
  • flip
  • isbn
  • price
  • Tech Trek cover, Classes 1–8

    Tech Trek

    Win 11 · Office 2021 · Classes 1–8

    ₹295–575 · 8 books

  • Artificial Intelligence cover, Classes 1–10

    Artificial Intelligence

    CBSE Code 417 · Classes 1–10

    ₹260–765 · 10 books

  • Information Technology cover, Classes 9–10

    Information Technology

    LibreOffice · CBSE Code 402 · Classes 9–10

    ₹725 · 2 books

On the site: Series pages and the specimen-request form, where a purchase officer wants ISBNs and prices without leaving the list. Under reduced motion the faces swap instead of rotating.

0/200

Book card — hover-lift, class badges

A quieter card that lifts on hover, with a badge for every class the series covers and an optional flag for the platform or code.

  • book
  • hover-lift
  • class badges
  • Tech Trek cover, Classes 1–8 Newest platform

    Tech Trek

    Win 11 · Office 2021

    • Class 1
    • Class 2
    • Class 3
    • Class 4
    • Class 5
    • Class 6
    • Class 7
    • Class 8

    ₹295–575 · 8 books

  • IT Secret cover, Classes 1–8

    IT Secret

    Win 10 · Office 2016

    • Class 1
    • Class 2
    • Class 3
    • Class 4
    • Class 5
    • Class 6
    • Class 7
    • Class 8

    ₹260–495 · 8 books

  • Cyber Space cover, Classes 1–8 Open source

    Cyber Space

    Ubuntu · LibreOffice

    • Class 1
    • Class 2
    • Class 3
    • Class 4
    • Class 5
    • Class 6
    • Class 7
    • Class 8

    ₹250–490 · 8 books

On the site: Related-series strips on book pages and the Books mega-menu columns, where many cards sit side by side and the class badges answer “is my class covered?” at a glance.

0/200

Book card — compact list row

One series per row with a small cover, platform, class range, price range and a specimen button; the sort control reorders the list in place.

  • book
  • list row
  • sortable

6 series · newest platform first

  • Tech Trek

    Win 11 · Office 2021 · Classes 1–8 · 8 books

    ₹295–575

  • Explore It

    Win 10 · Office 2019 · Classes 1–8 · 8 books

    ₹280–545

  • Tech Essentials

    Win 10 · Office 2019 · Classes 1–8 · 8 books

    ₹259–399

  • Artificial Intelligence

    CBSE Code 417 · Classes 1–10 · 10 books

    ₹260–765

  • Cyber Space

    Ubuntu · LibreOffice · Classes 1–8 · 8 books

    ₹250–490

  • Information Technology

    LibreOffice · CBSE Code 402 · Classes 9–10 · 2 books

    ₹725

On the site: The /books listing in list view, search results and the compare-series table on mobile; the row is the link, the specimen button sits above it.

0/200

Series card — fanned covers

A family card: the first and last covers of the range fanned out, class range, book count and price range, with a specimen button. The fan spreads on hover or focus.

  • series
  • fanned covers
  • Win 11 · Office 2021

    Tech Trek

    Classes
    1–8
    Books
    8
    Price
    ₹295–575
    View series
  • Win 7 · Office 2010

    Cyber Hub

    Classes
    1–8
    Books
    8
    Price
    ₹230–480
    View series

On the site: Home “series” band (three per row) and the cross-sell strip on Solutions pages; one card per series, never per book.

0/200

Solution card — icon tile

The eight classroom solutions as icon cards; the icon tile follows the icon-style decision on the overview (line, tile or solid).

  • solutions
  • icons
  • ITM

    Interactive Teaching Modules

    Animated chapter lessons for the smart class

    Learn more
  • ACT

    Active Classroom Tests

    Ready-to-use tests for every chapter

    Learn more
  • TRM

    Teacher's Resource Manuals

    Lesson plans, answer keys and worksheets

    Learn more
  • Flip Books

    Page-turning digital editions of every book

    Learn more
  • Online Links

    Chapter-wise web resources and downloads

    Learn more
  • Workshops

    Teacher training, on-site and online

    Learn more
  • Tech Updates

    What changed in tools and syllabus

    Learn more

On the site: Home solutions band (eight cards, mega-menu order) and the Solutions index; the whole card links to the solution page.

0/200

News card — photo & excerpt

Photo, category badge, date and read time, title and a two-line excerpt; the photo follows the imagery treatment decision. The first card shows the wide, featured form.

  • news
  • photo

Photos: Vanessa Loring, Anastasia Shuraeva, Gokuldham Nar · Pexels License

On the site: News index (six per page), Home “latest news” (three) and the related posts under a solution; the wide form is the newest post on the News index.

0/200

Testimonial card — quote & rating

Quote first, then a star rating, name, role and school; the initials avatar takes a logo-tile colour ring instead of a photo.

  • testimonial
  • rating
Sample copy

The old site has no school testimonials; these quotes and names are samples in Educare’s voice and will be replaced by the client’s real ones.

  • Our computer teachers finally have a book and a manual that agree with each other. Specimen copies arrived in four days.

    Sunita Rao Principal · CBSE school, Karnal
  • The ACT test papers saved our department a full week every term, and the children like the Tech Trek characters more than we expected.

    Manoj Bhatia Head of Computer Science · ICSE school, Chandigarh
  • We moved Classes 9–10 to the Code 402 LibreOffice edition and the lab set-up help was real, not a phone number.

    Neha Gill Computer teacher · Senior secondary school, Ludhiana

On the site: Home proof band and the Solutions pages; the rating is hidden on Home per the wireframe and shown on the Testimonials page.

0/200

Stat tile — counter

A big tabular figure that counts up on view, an icon in a logo-tile colour, a label and a small note; Theme C swaps the tint to lime.

  • stats
  • counter

Figures come from books.json and config; “years” counts from 2011.

Book series
18
Classes 1–10, five platforms
Titles in print
128
Every title with ISBN-10 and ISBN-13
Years in computer education
15+
Since 2011
Classroom solutions
8
ITM, ACT, TRM, flip books and more

On the site: About page, the Home “trusted by” band and the hero stats row; four tiles in one row at 1280, two by two at 375.

0/200

Author card — profile

Name, role, a one-line bio, the series they write for and a title count, with a copy-email button beside the profile link.

  • author
  • team
Sample names

Author profiles are not on the old site; names and bios here are samples until the client supplies the real team.

  • Priya Malhotra

    Author · Classes 1–4

    Computer teacher for twelve years; writes the primary books and the classroom activities that go with them.

    • Tech Trek
    • Explore IT
    8 titles
  • Rajesh Kumar

    Author & reviewer · Classes 9–10

    Wrote the Code 417 AI chapters and reviews every Class 9–10 title against the CBSE syllabus.

    • Artificial Intelligence
    • Information Technology
    6 titles
  • Anita Verma

    Series editor · TRM

    Turns each book into its Teacher’s Resource Manual: lesson plans, answer keys and worksheets.

    • Tech Essentials
    • Cyber World
    16 titles

On the site: About page team band and Careers → Write for Educare (author spotlights); the copy-email button is the only control above the card link.

0/200

Windows is set to reduce animation. This proposal plays its full motion so you can judge it.

Motion is off