@import”https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap”;@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{–tw-border-style:solid;–tw-blur:initial;–tw-brightness:initial;–tw-contrast:initial;–tw-grayscale:initial;–tw-hue-rotate:initial;–tw-invert:initial;–tw-opacity:initial;–tw-saturate:initial;–tw-sepia:initial;–tw-drop-shadow:initial;–tw-drop-shadow-color:initial;–tw-drop-shadow-alpha:100%;–tw-drop-shadow-size:initial}}}@layer theme{:root,:host{–font-sans:ui-sans-serif,system-ui,sans-serif,”Apple Color Emoji”,”Segoe UI Emoji”,”Segoe UI Symbol”,”Noto Color Emoji”;–font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,”Liberation Mono”,”Courier New”,monospace;–default-font-family:var(–font-sans);–default-mono-font-family:var(–font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(–default-font-family,ui-sans-serif,system-ui,sans-serif,”Apple Color Emoji”,”Segoe UI Emoji”,”Segoe UI Symbol”,”Noto Color Emoji”);font-feature-settings:var(–default-font-feature-settings,normal);font-variation-settings:var(–default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(–default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,”Liberation Mono”,”Courier New”,monospace);font-feature-settings:var(–default-mono-font-feature-settings,normal);font-variation-settings:var(–default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.border-collapse{border-collapse:collapse}.resize{resize:both}.border{border-style:var(–tw-border-style);border-width:1px}.blur{–tw-blur:blur(8px);filter:var(–tw-blur,)var(–tw-brightness,)var(–tw-contrast,)var(–tw-grayscale,)var(–tw-hue-rotate,)var(–tw-invert,)var(–tw-saturate,)var(–tw-sepia,)var(–tw-drop-shadow,)}}:root{color:#1b2d4b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background:#fff;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:#fff;background:#2062dd}:focus-visible{outline-offset:4px;outline:3px solid #d64f91}.page-width{width:min(100% – 96px,1280px);margin-inline:auto}.button{white-space:nowrap;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:15px;min-height:53px;padding:0 23px;font-size:13px;font-weight:800;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.button svg,.text-link svg,.inline-link svg{flex:none;transition:transform .2s}.button:hover svg,.text-link:hover svg,.inline-link:hover svg{transform:translate(4px)}.button-primary{color:#fff;background:#2062dd}.button-primary:hover{background:#174db5;transform:translateY(-2px)}.hero{background:#f4f2ed;align-items:center;min-height:638px;display:flex;position:relative;overflow:hidden}.hero-photo,.hero-wash{position:absolute;inset:0}.hero-photo{background-position:50%;background-size:cover;animation:1.5s cubic-bezier(.2,.7,.2,1) both hero-image-in}.hero-wash{background:linear-gradient(90deg,#f8f7f3,#f8f7f3f7 24%,#f8f7f3de 37%,#f8f7f35e 53%,#0000 71%)}.hero-inner{z-index:1;position:relative}.hero-copy{max-width:620px;padding:75px 0 82px}.section-kicker{color:#2062dd;letter-spacing:.15em;align-items:center;gap:10px;margin:0 0 22px;font-size:10px;font-weight:800;line-height:1.5;display:flex}.section-kicker>span{background:currentColor;flex:none;width:22px;height:2px}.hero-kicker{animation:.65s .1s both copy-in}.hero h1{color:#1e3558;letter-spacing:-.055em;margin:0;font-size:clamp(44px,4.1vw,58px);font-weight:800;line-height:1.13;animation:.7s .2s both copy-in}.hero-brand-accent{color:#2062dd;white-space:nowrap;margin-left:.08em;display:inline-block}.hero-title-detail{color:#253955;letter-spacing:-.035em;max-width:585px;margin-top:16px;font-size:clamp(23px,2.15vw,30px);font-weight:700;line-height:1.3;display:block}.hero-description{color:#526075;max-width:565px;margin:22px 0 0;font-size:15px;font-weight:500;line-height:1.8;animation:.7s .3s both copy-in}.hero-actions{align-items:center;gap:29px;margin-top:29px;animation:.7s .4s both copy-in;display:flex}.text-link,.inline-link{color:#233957;align-items:center;gap:10px;font-size:13px;font-weight:800;display:inline-flex}.text-link:hover,.inline-link:hover{color:#2062dd}.section-space{padding:118px 0}.difference-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:clamp(65px,10vw,145px);display:grid}.difference-intro{max-width:480px}h2,h3,p{overflow-wrap:break-word}.difference h2,.features h2{color:#1e3558;letter-spacing:-.052em;margin:0;font-size:clamp(34px,3.5vw,46px);font-weight:800;line-height:1.2}.difference h2 span{color:#2062dd}.section-description{color:#667286;margin:24px 0 0;font-size:15px;line-height:1.85}.inline-link{color:#2062dd;margin-top:29px}.advantage-list{margin-top:-5px}.advantage{border-bottom:1px solid #e4e9f0;grid-template-columns:50px minmax(0,1fr);gap:20px;padding:28px 0;display:grid}.advantage:first-child{padding-top:0}.advantage:last-child{border-bottom:0;padding-bottom:0}.advantage-icon{color:#2062dd;background:#eef4ff;border-radius:50%;place-items:center;width:50px;height:50px;transition:color .22s,background-color .22s,transform .22s;display:grid}.advantage:hover .advantage-icon{color:#fff;background:#2062dd;transform:translateY(-3px)}.advantage h3{color:#213554;letter-spacing:-.025em;margin:2px 0 9px;font-size:17px;font-weight:800;line-height:1.4}.advantage p{color:#677487;margin:0;font-size:14px;line-height:1.8}.features{background:#f5f8fc}.features-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:43px;display:flex}.features-heading .section-kicker{margin-bottom:18px}.features-heading>p{color:#6d798b;max-width:295px;margin:0 0 5px;font-size:14px;line-height:1.7}.table-wrap{width:100%;overflow-x:auto}.features-table{border-collapse:collapse;text-align:left;width:100%}.features-table thead{color:#fff;background:#213b66}.features-table thead th{letter-spacing:.04em;padding:20px 26px;font-size:11px;font-weight:800;line-height:1.5}.features-table thead th:first-child{width:30%}.features-table thead th:nth-child(2){width:42%}.features-table tbody tr{background:#fff;border-bottom:1px solid #e5ebf3}.features-table tbody th,.features-table tbody td{vertical-align:top;padding:27px 26px}.features-table tbody th{color:#243a5a;letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:1.55}.feature-number{color:#2062dd;letter-spacing:.04em;vertical-align:1px;margin-right:12px;font-size:11px;display:inline-block}.features-table tbody td{color:#687487;font-size:13px;font-weight:500;line-height:1.8}.features-table tbody td.keyword-cell{color:#425a7b}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.motion-ready [data-reveal].is-visible{animation:.65s cubic-bezier(.2,.7,.2,1) both reveal-in}@keyframes hero-image-in{0%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1120px){.page-width{width:min(100% – 64px,1280px)}.hero-copy{max-width:560px}}@media(max-width:900px){.hero{min-height:600px}.hero-photo{background-position:59%}.hero-wash{background:linear-gradient(90deg,#f8f7f3,#f8f7f3f7 30%,#f8f7f3cc 52%,#f8f7f333 80%)}.difference-grid{grid-template-columns:1fr 1.15fr;gap:55px}}@media(max-width:650px){.page-width{width:min(100% – 40px,1280px)}.hero{background:#f8f7f3;min-height:0;display:block}.hero-photo,.hero-wash{height:330px;bottom:auto;left:0;right:0}.hero-photo{background-position:68%}.hero-wash{background:linear-gradient(#0000 46%,#f8f7f338 62%,#f8f7f3)}.hero-copy{max-width:none;padding:285px 0 58px}.hero-kicker{margin-bottom:15px;font-size:9px}.hero h1{letter-spacing:-.055em;font-size:clamp(38px,9.8vw,48px)}.hero-title-detail{margin-top:11px;font-size:clamp(22px,5.8vw,27px);line-height:1.32}.hero-description{margin-top:17px;font-size:14px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:20px;margin-top:23px}.section-space{padding:76px 0}.difference-grid{grid-template-columns:1fr;gap:40px}.difference h2,.features h2{font-size:35px}.section-kicker{margin-bottom:17px}.section-description{margin-top:18px;font-size:14px}.inline-link{margin-top:20px}.advantage{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:24px 0}.advantage-icon{width:44px;height:44px}.advantage h3{font-size:16px}.features-heading{margin-bottom:30px;display:block}.features-heading>p{max-width:none;margin-top:13px}.table-wrap{overflow:visible}.features-table,.features-table tbody,.features-table tbody tr,.features-table tbody th,.features-table tbody td{width:100%;display:block}.features-table thead{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.features-table tbody tr{padding:23px 20px}.features-table tbody th,.features-table tbody td{padding:0}.features-table tbody th{font-size:16px}.features-table tbody td{margin-top:13px}.features-table tbody td:before{color:#223f6b;content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property –tw-border-style{syntax:”*”;inherits:false;initial-value:solid}@property –tw-blur{syntax:”*”;inherits:false}@property –tw-brightness{syntax:”*”;inherits:false}@property –tw-contrast{syntax:”*”;inherits:false}@property –tw-grayscale{syntax:”*”;inherits:false}@property –tw-hue-rotate{syntax:”*”;inherits:false}@property –tw-invert{syntax:”*”;inherits:false}@property –tw-opacity{syntax:”*”;inherits:false}@property –tw-saturate{syntax:”*”;inherits:false}@property –tw-sepia{syntax:”*”;inherits:false}@property –tw-drop-shadow{syntax:”*”;inherits:false}@property –tw-drop-shadow-color{syntax:”*”;inherits:false}@property –tw-drop-shadow-alpha{syntax:””;inherits:false;initial-value:100%}@property –tw-drop-shadow-size{syntax:”*”;inherits:false}
SCHOOL COMMUNICATION, SIMPLIFIED
ClassPep Parent AppThe Ultimate School Mobile App & Parent-Teacher Communication Portal
Bring families and educators closer with ClassPep’s dedicated school mobile app for parents – a secure, real-time platform designed to eliminate communication gaps and provide absolute transparency into every student’s K-12 journey.
THE CLASSPEP DIFFERENCE
What Makes ClassPep Uniquely Different
While standard school ERP apps function as basic broadcast boards, ClassPep is engineered from the ground up as a unified, collaborative ecosystem for modern institutions.
Zero-Lag Instant Push Notifications
Say goodbye to delayed text blasts. ClassPep delivers emergency alerts, school circulars, and event updates instantly to parents’ mobile devices with 99.9% delivery reliability.
Enterprise-Grade Data Security
Built with strict privacy controls by Cloudsky Technologies, ensuring that private student records, direct chats, and fee receipts remain completely secure and accessible only to authorized guardians.
An Intuitive, Clutter-Free Interface
Designed specifically for busy parents – no steep learning curves, cluttered menus, or confusing tabs. Everything from daily attendance to homework trackers is accessible within two taps.
EVERYTHING IN ONE PLACE
Core Features & Capabilities
Everything parents and schools need to stay informed, together.
| Feature Module | What It Does for Parents & Schools | Integrated SEO Keywords |
|---|---|---|
| 01Real-Time Attendance Alerts | Instantly notifies parents the moment attendance is logged in class, boosting student safety and reducing truancy. | School mobile app for parents, student attendance tracking app |
| 02Direct Parent-Teacher Portal | Replaces messy diary notes and disruptive phone calls with a structured, professional communication channel for teachers and guardians. | Parent teacher communication portal, school communication app |
| 03Smart Homework & Project Tracking | Provides a clear view of daily assignments, submission deadlines, project requirements, and teacher remarks. | Homework tracking app for schools, K-12 student assignment tracker |
| 04Digital Notice Board & Circulars | Centralizes school notices, holiday calendars, exam timetables, and fee receipts in one searchable archive. | Online school notice board app, school ERP parent portal |
if (‘IntersectionObserver’ in window && !matchMedia(‘(prefers-reduced-motion: reduce)’).matches) {
document.documentElement.classList.add(‘motion-ready’);
const observer = new IntersectionObserver((entries) => entries.forEach((entry) => {
if (entry.isIntersecting) { entry.target.classList.add(‘is-visible’); observer.unobserve(entry.target); }
}), { threshold: 0.08, rootMargin: ‘0px 0px -24px 0px’ });
document.querySelectorAll(‘[data-reveal]’).forEach((element) => observer.observe(element));
}
