How to make Website in smart school software

 

<section class="services">

<div class="service-inner">

<div class="container">

<div class="row">

<div class="col-md-4 col-sm-4 service-box">

<div class="service-box-content">

<h3><a href="#">Scholarship Facility</a></h3>

<p>Eimply dummy text printing ypese tting industry.</p>

<div class="service-box-icon"><img src="https://demo.smart-school.in/uploads/gallery/media/scholarship-icon.png" /></div>

</div>

</div>

<!--./col-md-4-->

<div class="col-md-4 col-sm-4 service-box">

<div class="service-box-content">

<h3><a href="#">Books &amp; Liberary</a></h3>

<p>Eimply dummy text printing ypese tting industry.</p>

<div class="service-box-icon"><img src="https://demo.smart-school.in/uploads/gallery/media/book-icon.png" /></div>

</div>

</div>

<!--./col-md-4-->

<div class="col-md-4 col-sm-4 service-box">

<div class="service-box-content">

<h3><a href="#">Certified Teachers</a></h3>

<p>Eimply dummy text printing ypese tting industry.</p>

<div class="service-box-icon"><img src="https://demo.smart-school.in/uploads/gallery/media/teacher-icon.png" /></div>

</div>

</div>

<!--./col-md-4--></div>

</div>

</div>

</section>

<div class="container spacet40">

<div class="row">

<div class="col-md-8 col-sm-12 col-md-offset-2 text-center">

<h2 class="head-title">Mount Carmel Residential School</h2>

<p class="pb40">Tmply dummy text of the printing and typesetting industry. Lorem Ipsum has been theindustry's standard dummy text ever since the 1500s, when an unknown printer took.</p>

<img class="img-responsive center-block" src="https://demo.smart-school.in/uploads/gallery/media/about_bg.jpg" /></div>

</div>

<!--./row--></div>

<!--./container-->

<section class="bg-gray fullwidth spaceb40 spacet40">

<div class="container">

<div class="row">

<div class="col-md-8 col-sm-12 col-md-offset-2 text-center">

<h2 class="head-title">ABOUT US</h2>

<p>Fusce sem dolor, interdum in fficitur at, faucibus nec lorem. Sed nec molestie justo.</p>

<div class="divider">&nbsp;</div>

</div>

<div class="col-md-6 col-sm-6">

<div class="about_img"><img class="img-responsive img-rounded" src="https://demo.smart-school.in/uploads/gallery/media/about.jpg" /></div>

</div>

<!--./col-md-6-->

<div class="col-md-6 col-sm-6">

<div class="about-right">

<h3>WELCOME TO Mount Carmel</h3>

<p class="pt10 pb10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>

</div>

<div class="panel-group accrodion2" id="accordion">

<div class="panel panel-default">

<div class="panel-heading">

<h4 class="panel-title"><a class="accordion-toggle" data-parent="#accordion" data-toggle="collapse" href="#collapseOne">Collapsible Group Item #1 </a></h4>

</div>

<div class="panel-collapse collapse in" id="collapseOne">

<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</div>

</div>

</div>

<div class="panel panel-default">

<div class="panel-heading">

<h4 class="panel-title"><a class="accordion-toggle" data-parent="#accordion" data-toggle="collapse" href="#collapseTwo">Collapsible Group Item #2 </a></h4>

</div>

<div class="panel-collapse collapse" id="collapseTwo">

<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</div>

</div>

</div>

<div class="panel panel-default">

<div class="panel-heading">

<h4 class="panel-title"><a class="accordion-toggle" data-parent="#accordion" data-toggle="collapse" href="#collapseThree">Collapsible Group Item #3 </a></h4>

</div>

<div class="panel-collapse collapse" id="collapseThree">

<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</div>

</div>

</div>

</div>

</div>

<!--./col-md-6--></div>

<!--./row--></div>

<!--./container--></section>

<section class="spaceb40 spacet40">

<div class="container">

<div class="row">

<div class="col-md-8 col-sm-12 col-md-offset-2 text-center pb30">

<h2 class="head-title">OUR MAIN COURSES</h2>

<p>Fusce sem dolor, interdum in fficitur at</p>

<div class="divider">&nbsp;</div>

</div>

<div class="row">

<div class="owl-carousel courses-carousel">

<div class="col-md-12 col-sm-12">

<div class="courses-box">

<div class="courses-box-img"><img src="https://demo.smart-school.in/uploads/gallery/media/courseimg1.jpg" /></div>

<!--./courses-box-img-->

<div class="course-inner"><a class="course-subject" href="#">Science</a>

<h4>Electrical Engineering</h4>

<p>All over the world, human beings create an immense and ever-increasing volume of data, with new kinds of data regularly...</p>

<a class="btn-read" href="#">apply now</a></div>

</div>

<!--./courses-box--></div>

<!--./col-md-12-->

<div class="col-md-12 col-sm-12">

<div class="courses-box">

<div class="courses-box-img"><img src="https://demo.smart-school.in/uploads/gallery/media/courseimg2.jpg" /></div>

<!--./courses-box-img-->

<div class="course-inner"><a class="course-subject" href="#">Science</a>

<h4>Electrical Engineering</h4>

<p>All over the world, human beings create an immense and ever-increasing volume of data, with new kinds of data regularly...</p>

<a class="btn-read" href="#">apply now</a></div>

</div>

<!--./courses-box--></div>

<!--./col-md-12-->

<div class="col-md-12 col-sm-12">

<div class="courses-box">

<div class="courses-box-img"><img src="https://demo.smart-school.in/uploads/gallery/media/courseimg3.jpg" /></div>

<!--./courses-box-img-->

<div class="course-inner"><a class="course-subject" href="#">Science</a>

<h4>Electrical Engineering</h4>

<p>All over the world, human beings create an immense and ever-increasing volume of data, with new kinds of data regularly...</p>

<a class="btn-read" href="#">apply now</a></div>

</div>

<!--./courses-box--></div>

<!--./col-md-12-->

<div class="col-md-12 col-sm-12">

<div class="courses-box">

<div class="courses-box-img"><img src="https://demo.smart-school.in/uploads/gallery/media/courseimg4.jpg" /></div>

<!--./courses-box-img-->

<div class="course-inner"><a class="course-subject" href="#">Science</a>

<h4>Electrical Engineering</h4>

<p>All over the world, human beings create an immense and ever-increasing volume of data, with new kinds of data regularly...</p>

<a class="btn-read" href="#">apply now</a></div>

</div>

<!--./courses-box--></div>

<!--./col-md-12--></div>

</div>

<!--./courses-carousel--></div>

<!--./row--></div>

<!--./container--></section>

<section class="countdown_bg fullwidth counter">

<div class="container">

<div class="row">

<div class="col-md-6 col-lg-6 col-sm-6">

<div class="counter-content">

<h2 class="counter-title mt0">ACHEIVEMENTS</h2>

<div class="counter-text">

<p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart like mine.</p>

</div>

<div class="counter-img">

<div class="about_img"><img class="img-responsive img-rounded" src="https://demo.smart-school.in/uploads/gallery/media/achivement.jpg" /></div>

</div>

</div>

</div>

<!--./col-md-6-->

<div class="col-md-6 col-lg-6 col-sm-6">

<div class="row">

<div class="col-md-6 col-lg-6 col-sm-6">

<div class="counter-main"><img class="svg" src="https://demo.smart-school.in/uploads/gallery/media/cap.svg" />

<h3 class="counter-value" data-count="1000">1000</h3>

<span>Graduates</span></div>

</div>

<div class="col-md-6 col-lg-6 col-sm-6">

<div class="counter-main"><img class="svg" src="https://demo.smart-school.in/uploads/gallery/media/award.svg" />

<h3 class="counter-value" data-count="500">500</h3>

<span>Certified Teachers</span></div>

</div>

<div class="col-md-6 col-lg-6 col-sm-6">

<div class="counter-main"><img class="svg" src="https://demo.smart-school.in/uploads/gallery/media/building-o.svg" />

<h3 class="counter-value" data-count="100">100</h3>

<span>Student Campuses</span></div>

</div>

<div class="col-md-6 col-lg-6 col-sm-6">

<div class="counter-main"><img class="svg" src="https://demo.smart-school.in/uploads/gallery/media/people.svg" />

<h3 class="counter-value" data-count="6285">6285</h3>

<span>Students</span></div>

</div>

<!--./col-md-6--></div>

<!--./row--></div>

<!--./col-md-6--></div>

<!--./row--></div>

<!--./container--></section>

<section class="spaceb40 spacet40">

<div class="container">

<div class="row">

<div class="col-md-8 col-sm-12 col-md-offset-2 text-center">

<h2 class="head-title">OUR EXPERIENCED STAFFS</h2>

<p>Considering desire as primary motivation for the generation of narratives is a useful concept.</p>

<div class="divider">&nbsp;</div>

</div>

<!--./col-md-8-->

<div class="teamstaff">

<div class="row">

<div class="owl-carousel staff-carousel">

<div class="col-md-12 col-sm-12">

<div class="staffteam">

<div class="staffteamimg"><img alt="" src="https://demo.smart-school.in/uploads/gallery/media/teacher2.jpg" />

<ul class="social-links">

<li>Facebook</li>

<li>Twitter</li>

<li>Linkedin</li>

<li>Google Plus</li>

</ul>

</div>

<div class="staff-content">

<h3>Stella Roffin</h3>

<span class="post">Drawing Teacher</span></div>

</div>

</div>

<div class="col-md-12 col-sm-12">

<div class="staffteam">

<div class="staffteamimg"><img src="https://demo.smart-school.in/uploads/gallery/media/teacher1-1556236800.jpg" />

<ul class="social-links">

<li>Facebook</li>

<li>Twitter</li>

<li>Linkedin</li>

<li>Google Plus</li>

</ul>

</div>

<div class="staff-content">

<h3>Princy Flora</h3>

<span class="post">English Tutor</span></div>

</div>

</div>

<div class="col-md-12 col-sm-12">

<div class="staffteam">

<div class="staffteamimg"><img src="https://demo.smart-school.in/uploads/gallery/media/teacher2-1556236800.jpg" />

<ul class="social-links">

<li>Facebook</li>

<li>Twitter</li>

<li>Linkedin</li>

<li>Google Plus</li>

</ul>

</div>

<div class="staff-content">

<h3 class="title">Jesica Matt</h3>

<span class="post">Art Teacher</span></div>

</div>

</div>

<div class="col-md-12 col-sm-12">

<div class="staffteam">

<div class="staffteamimg"><img src="https://demo.smart-school.in/uploads/gallery/media/teacher3.jpg" />

<ul class="social-links">

<li>Facebook</li>

<li>Twitter</li>

<li>Linkedin</li>

<li>Google Plus</li>

</ul>

</div>

<div class="staff-content">

<h3 class="title">Janaton Doe</h3>

<span class="post">Math Teacher</span></div>

</div>

</div>

</div>

</div>

<!--./staff--></div>

<!--./teamstaff--></div>

<!--./row--></div>

<!--./container--></section>

<section class="spaceb40 spacet40 testimonial_bg fullwidth text-white">

<div class="container">

<div class="row">

<div class="col-md-8 col-sm-12 col-md-offset-2 text-center">

<h2 class="text-white">WHAT PEOPLE SAYS</h2>

<p>Fusce sem dolor, interdum in efficitur at, faucibus nec lorem. Sed nec molestie justo.</p>

<div class="divider">&nbsp;</div>

</div>

<!--./col-md-8-->

<div class="owl-carousel testimonial-carousel">

<div class="col-md-12 col-sm-12">

<div class="testimonial">

<div class="testimonialimg"><img src="https://demo.smart-school.in/uploads/gallery/media/testim-img2.jpg" /></div>

<div class="testi_description">

<h4>Sidney W. Yarber</h4>

<h5>Manager</h5>

<p>Etiam non elit nec augue tempor gravida et sed velit. Aliquam tempus eget lorem ut malesuada. Phasellus dictum est sed libero posuere dignissim.</p>

</div>

<!--./testi_description--></div>

<!--./testimonial--></div>

<!--./col-md-12-->

<div class="col-md-12 col-sm-12">

<div class="testimonial">

<div class="testimonialimg"><img src="https://demo.smart-school.in/uploads/gallery/media/testim-img1.jpg" /></div>

<div class="testi_description">

<h4>Kayla H. Seaman</h4>

<h5>Co &amp; Founder</h5>

<p>Etiam non elit nec augue tempor gravida et sed velit. Aliquam tempus eget lorem ut malesuada. Phasellus dictum est sed libero posuere dignissim.</p>

</div>

<!--./testi_description--></div>

<!--./testimonial--></div>

<!--./col-md-12-->

<div class="col-md-12 col-sm-12">

<div class="testimonial">

<div class="testimonialimg"><img src="https://demo.smart-school.in/uploads/gallery/media/testim-img4.jpg" /></div>

<div class="testi_description">

<h4>Terence M. Witzel</h4>

<h5>Businessman</h5>

<p>Etiam non elit nec augue tempor gravida et sed velit. Aliquam tempus eget lorem ut malesuada. Phasellus dictum est sed libero posuere dignissim.</p>

</div>

<!--./testi_description--></div>

<!--./testimonial--></div>

<!--./col-md-12-->

<div class="col-md-12 col-sm-12">

<div class="testimonial">

<div class="testimonialimg"><img src="https://demo.smart-school.in/uploads/gallery/media/testim-img3.jpg" /></div>

<div class="testi_description">

<h4>Williamson</h4>

<h5>Manager</h5>

<p>Etiam non elit nec augue tempor gravida et sed velit. Aliquam tempus eget lorem ut malesuada. Phasellus dictum est sed libero posuere dignissim.</p>

</div>

<!--./testi_description--></div>

<!--./testimonial--></div>

<!--./col-md-12--></div>

<!--./testimonial-carousel--></div>

<!--./row--></div>

<!--./container--></section>