Skip to the content
Products
App Builder
Mobile app builder to create an app in 3 steps.
Android App Maker
iPhone App Maker
Convert Website to App
AI App Generator
Website Builder
Website builder to create a websites in minutes
AI Website Builder
Business Website Builder
Ecommerce Website Builder
Tools
AI Name Generator
AI Slogan Generator
AI Text Generator
Scheduling Software
Free Online Calculator
AI Title Generator
AI Quiz Maker
AI Worksheet Maker
AI Writing Generator
AI Content Generator
AI Code Generator
AI UI Design Generator
AI Code Checker
AI Blog Post Generator
AI Product Description Generator
AI Description Generator
AI Bio Generator
AI Caption Generator
AI Quote Generator
AI Form Builder
AI QR Code Generator
AI Barcode Generator
AI Keyword Generator
AI Image to Quiz Generator
AI FAQ Generator
AI Question Generator
Website Accessibility Checker
AI Landing Page Generator
AI Paragraph Generator
AI Summary Generator
SSL Checker
DNS Checker
Web Hosting
Website Checker
Plagiarism Checker
Backlink Checker
Domain Transfer
Domain Name Generator
Contact Us
Help
Pricing
Reseller
AI Templates
Join
Log in
Home
Templates
Business
Responsive Theme For University School Website
Responsive Theme for University & School Website
Use this template
<div class="app-header live-view" style="background-color: rgb(255, 255, 255); background-image: inherit;"> <section class="header-block container p-0 py-3"> <div class="row"> <div class="col-12 col-md-5 col-lg-5 d-flex align-items-center justify-content-center justify-content-md-start justify-content-lg-start"> <div class="d-flex align-items-center mb-3 mb-lg-0 mb-md-0"> <img src="https://snappy.appypie.com/landingpages/images/media/education.png" class="logo" id="logo" style="padding-right: 10px; height: 60px;"> <span class="title display-6 fw-bold" id="title" style="font-family: Arsenal; color: rgb(0, 0, 0);">EDUCATION</span> </div> </div> <div class="col-12 col-md-7 col-lg-7 d-flex"> <div class="d-flex flex-column flex-md-row flex-lg-row align-items-center mx-auto mx-lg-0 mx-md-0 ms-md-auto ms-lg-auto"> <div class="social" id="social"><a class="fa fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(0, 0, 0); border-color: rgb(0, 0, 0);" rel="noopener"></a><a class="fa fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(0, 0, 0); border-color: rgb(0, 0, 0);" rel="noopener"></a><a class="fa fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(0, 0, 0); border-color: rgb(0, 0, 0);" rel="noopener"></a><a class="fa fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(0, 0, 0); border-color: rgb(0, 0, 0);" rel="noopener"></a></div> <button class="btn btn-secondary border-0 ms-3 me-3 me-md-0 me-lg-0 ms-md-3 ms-lg-3 shadow-sm mt-3 mt-lg-0 mt-md-0 d-none" id="button" style="color: rgb(255, 255, 255); font-family: Arsenal;">Get Started</button> </div> </div> </div> </section> </div> <div class="app-blocks live-view"><section class="block container-fluid p-0 m-0 id-62fcf4e2a5d41c334218d719 undefined" id="id-62fcf4e2a5d41c334218d719"> <div class="slider-element dark container p-self-0" data-type="main"><div class="repeat"> <div class="row flex-lg-row-reverse align-items-center"> <div class="col-lg-6 list-item item"> <img src="https://snappy.appypie.com/landingpages/images//image-1x1.png" class="w-100 h-100 list-element image contain" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/iphone-slider.png");"> </div> <div class="col-lg-6 py-5 text-center text-lg-start list-item"> <h2 class="display-5 fw-normal font-display list-element heading h2" style="color: rgb(68, 68, 68);">BEST IN CLASS EDUCATION EXPERTISE</h2> <div class="list-element my-5 text" style="color: rgb(68, 68, 68);">Get unlimited access to structured courses & doubt clearing sessions.Learn with world class universities and industry experts. </div> <a href="#" class="btn rounded-pill px-5 py-3 list-element link" style="color: rgb(255, 255, 255); background-color: rgb(68, 68, 68); background-image: inherit;">App Store</a> <a href="#" class="btn rounded-pill px-5 py-3 ms-2 list-element link" style="color: rgb(255, 255, 255); background-color: rgb(68, 68, 68); background-image: inherit;">Google Play</a> </div> </div> </div></div> </section><section class="block container-fluid p-0 m-0 id-62fcf33b7abb85313d0d2863 undefined" id="id-62fcf33b7abb85313d0d2863" style="background-color: rgb(255, 255, 255); background-image: inherit;"> <section class="text-center container ps-self-0 pt-self-50 pe-self-0 pb-self-50" data-type="main"> <div class="container clearfix"> <h2 class="mx-auto mb-5 heading h2" style="max-width: 700px; font-size: 40px;">One stop platform to get started with the required knowledge, education and skill set to achieve your Goals.</h2> <div class="lead mx-auto mb-5 text p-self-0" style="max-width: 800px;">A learners go-to platform for the latest innovations, discoveries, exam tips and more. Specially crafted personalized learning program for the leaders of tomorrow. Learning program which lets you learn anytime anywhere with engaging lessons and personalize learning journeys. </div> <a class="mb-5 link m-self-0 p-self-0" style="font-size: 16px;" href="#">Learn more</a> <div class="row mt-5 mx-auto row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4" style="max-width: 1000px;"><div class="col-md-4 mb-5 repeat"> <div class="team list-item item"> <div class="team-image"> <img class="list-element image cover" src="https://snappy.appypie.com/landingpages/images/media/1.jpeg" alt="John Doe"> </div> <div class="team-desc team-desc-bg"> <div class="team-title"> <h4 class="list-element heading text-center h4">MARY JANE</h4> <div class="list-element text">The Science Genius</div> </div> </div> </div> </div><div class="col-md-4 mb-5 repeat"> <div class="team list-item item"> <div class="team-image"> <img class="list-element image cover" src="https://snappy.appypie.com/landingpages/images/media/2.jpeg" alt="John Doe"> </div> <div class="team-desc team-desc-bg"> <div class="team-title"> <h4 class="list-element heading text-center h4">Heather Wal </h4> <div class="list-element text">Senior Math Faculty </div> </div> </div> </div> </div><div class="col-md-4 mb-5 repeat"> <div class="team list-item item"> <div class="team-image"> <img class="list-element image cover" src="https://snappy.appypie.com/landingpages/images/media/3.jpeg" alt="John Doe"> </div> <div class="team-desc team-desc-bg"> <div class="team-title"> <h4 class="list-element heading text-center h4">Mathew Wade </h4> <div class="list-element text">History Professor </div> </div> </div> </div> </div></div> </div> </section> </section><section class="block container-fluid p-0 m-0 id-62fcf8104cd7751b7572ba1a undefined" id="id-62fcf8104cd7751b7572ba1a" style="background-color: rgb(255, 255, 255); background-image: inherit;"> <div class="pt-0 container-fluid pt-self-0 pe-self-0 pb-self-0 ps-self-0" data-type="main"> <div class="section m-0"> <div class="container clearfix"> <div class="mx-auto center" style="max-width: 900px;"> <h2 class="mb-0 fw-light h3 text-center heading h2">We are on a Mission to Democratize access to high quality education and unlock the potential by making education easily available to all. Let’s harness the power of education and build the future together.</h2> </div> </div> </div> <div class="row align-items-stretch"> <div class="col-lg-4 d-none d-lg-block pe-0"> <img class="w-100 h-100 image cover" src="https://snappy.appypie.com/landingpages/images//image-2x1.png" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/main-bg.jpeg");"> </div> <div class="col-lg-8 col-12"> <div class="row align-items-stretch grid-border clearfix"><div class="col-lg-4 col-md-6 col-padding repeat"> <div class="feature-box fbox-center fbox-dark fbox-plain list-item item"> <div class="fbox-icon"> <i class="list-element icon fa fa-regular fa-object-ungroup"></i> </div> <div class="fbox-content fbox-content-sm"> <h3 class="list-element heading text-center h4">Personalized courses</h3> </div> </div> </div><div class="col-lg-4 col-md-6 col-padding repeat"> <div class="feature-box fbox-center fbox-dark fbox-plain list-item item"> <div class="fbox-icon"> <i class="list-element icon fa fa-regular fa-life-ring"></i> </div> <div class="fbox-content fbox-content-sm"> <h3 class="list-element heading text-center h4">Ease of access</h3> </div> </div> </div><div class="col-lg-4 col-md-6 col-padding repeat"> <div class="feature-box fbox-center fbox-dark fbox-plain list-item item"> <div class="fbox-icon"> <i class="list-element icon fa fa-regular fa-face-smile-wink"></i> </div> <div class="fbox-content fbox-content-sm"> <h3 class="list-element heading text-center h4">EXTENSIVELY EXTENDABLE</h3> </div> </div> </div><div class="col-lg-4 col-md-6 col-padding repeat"> <div class="feature-box fbox-center fbox-dark fbox-plain list-item item"> <div class="fbox-icon"> <i class="list-element icon fa fa-regular fa-calendar-check"></i> </div> <div class="fbox-content fbox-content-sm"> <h3 class="list-element heading text-center h4">Live sessions </h3> </div> </div> </div><div class="col-lg-4 col-md-6 col-padding repeat"> <div class="feature-box fbox-center fbox-dark fbox-plain list-item item"> <div class="fbox-icon"> <i class="list-element icon fa fa-regular fa-chess-knight"></i> </div> <div class="fbox-content fbox-content-sm"> <h3 class="list-element heading text-center h4">Mock tests </h3> </div> </div> </div><div class="col-lg-4 col-md-6 col-padding repeat"> <div class="feature-box fbox-center fbox-dark fbox-plain list-item item"> <div class="fbox-icon"> <i class="list-element icon fa fa-regular fa-chess-king"></i> </div> <div class="fbox-content fbox-content-sm"> <h3 class="list-element heading text-center h4">INDUSTRIAL SUPPORT</h3> </div> </div> </div></div> </div> </div> <div class="section dark m-0 py-3"> <div class="mx-auto text-center"> <h2 class="mb-0 fw-light"> <div class="fs-3 text m-self-0 p-self-0">Like Our Services? Get an</div> <a href="#" class="btn btn-outline my-0 mt-3 rounded-pill link">Instant Quote</a> </h2> </div> </div> </div></section></div> <div class="app-footer live-view"><section class="block container-fluid p-0 m-0 id-footer1 footer" id="id-footer1" style="color: rgb(255, 255, 255); background-color: rgb(15, 26, 31); background-image: inherit;"> <div class="footer-strip p-3 container ps-self-0 pt-self-20 pe-self-0 pb-self-20" data-type="main"> <div class="row align-items-center"> <div class="col-12 col-md-6 col-lg-6 text-center text-md-start text-lg-start mb-3 mb-md-0 mb-lg-0"> <span class="text">© 2022 Copyright:</span> <a class="text-white link" href="#" style="color: rgb(255, 255, 255);">example.com</a> </div> <div class="col-12 col-md-6 col-lg-6 text-center text-md-end text-lg-end"> <div class="social" style="color: rgb(255, 255, 255);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a></div> </div> </div> </div> </section></div> </div> </section>'>
