

  

    <header class="masthead text-center text-white d-flex">
      <div class="container my-auto">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <h1 class="text-uppercase">
              <strong>CAFE ONLINE</strong>
            </h1>
            <hr>
          </div>
          <div class="col-lg-8 mx-auto">
            <p class="text-faded mb-5">ONE PLACE TO HANDLE ALL YOURS EXAMS FORM FILLING QUERIES</p>
            <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
          </div>
        </div>
      </div>
    </header>

    <section class="bg-primary" id="about">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto text-center">
            <h2 class="section-heading text-white">We've got what you need!</h2>
            <hr class="light my-4">
			<p class="text-faded mb-4">Cafe online is the one and only individual type of organisation which provides students a single plateform to tackel all there exams form filling difficulties on one click.We are here to do everything regarding form filling of all types of exams(Registration,Document uploads,Payments,Admit card downloads etc.).Only students need to register with us  and rest all thing are done by our side.</p>
			<font color="white" size="4"><u>STEPS TO GET RID FROM EXAM FORMS FILLING</u></font>
            <p class="text-faded mb-4"><h4>1.</h4>  Register with us.</p>
			<p class="text-faded mb-4"><h4>2.</h4>  Make payment(add money to your wallet later used for forms fee payment)</p>
			<p class="text-faded mb-4"><h4>3.</h4>  Fill all yours details(personal & Academic) & upload yours documents.</p>
			<p class="text-faded mb-4">    We will send you all exams details regularly for which you are eligible.</p>
			<p class="text-faded mb-4"><h4>4.</h4>  Login to your account by our website or Android application and just click on the exams you want to fill.</p>
			<p class="text-faded mb-4">  Once we get your response our representatives will fill out your forms and notifications will be send to the respective mobile numbers</p>
			<p class="text-faded mb-4"><h4>5.</h4>  Lastly,when the admit cards are available we will send it to your account ,simply login and download it. </p>
			<p class="text-faded mb-4">Its that simple.</p>
			
            <a class="btn btn-light btn-xl js-scroll-trigger" href="<?php echo site_url('main/signup'); ?>">Register Now!</a>
          </div>
        </div>
      </div>
    </section>

    <section id="services">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 text-center">
            <h2 class="section-heading">At Your Service</h2>
            <hr class="my-4">
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-3 col-md-6 text-center">
            <div class="service-box mt-5 mx-auto">
              <i class="fa fa-4x fa-diamond text-primary mb-3 sr-icons"></i>
              <h3 class="mb-3">Students desk</h3>
              <p class="text-muted mb-0">.</p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 text-center">
            <div class="service-box mt-5 mx-auto">
              <i class="fa fa-4x fa-paper-plane text-primary mb-3 sr-icons"></i>
              <h3 class="mb-3">Exam Guidance</h3>
              <p class="text-muted mb-0">.</p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 text-center">
            <div class="service-box mt-5 mx-auto">
              <i class="fa fa-4x fa-newspaper-o text-primary mb-3 sr-icons"></i>
              <h3 class="mb-3">Exams Forms filling</h3>
              <p class="text-muted mb-0">.</p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 text-center">
            <div class="service-box mt-5 mx-auto">
              <i class="fa fa-4x fa-heart text-primary mb-3 sr-icons"></i>
              <h3 class="mb-3">study counselling</h3>
              <p class="text-muted mb-0">.</p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="p-1" id="portfolio">
      <div class="container-fluid p-0">
        <div class="row">
		
		
          <div class="col-lg-6 col-sm-6">
            <a class="portfolio-box" href="<?php echo site_url('candidate/index'); ?>">
              <img class="img-fluid" src="<?= base_url(); ?>assets/website/img/portfolio/thumbnails/8.jpg" alt="">
              <div class="portfolio-box-caption">
                <div class="portfolio-box-caption-content">
                  <div class="project-category text-faded">
                    Students Desk
                  </div>
                  <div class="project-name">
                    STUDENTS LOGIN
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          <div class="col-lg-6 col-sm-6">
            <a class="portfolio-box">
			<a class="portfolio-box" href="<?php echo site_url('instructor/index'); ?>">
              <img class="img-fluid" src="<?= base_url(); ?>assets/website/img/portfolio/thumbnails/9.jpg" alt="">
              <div class="portfolio-box-caption">
                <div class="portfolio-box-caption-content">
                  <div class="project-category text-faded">
                    Staff Area
                  </div>
				  
                  <div class="project-name">
                    STAFFS LOGIN
                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </section>

    <section class="bg-dark text-white">
      <div class="container text-center">
       
        <a class="btn btn-light btn-large sr-button" href="<?php echo site_url('main/signup'); ?>">Sign Up</a>
      </div>
    </section>

    <section id="contact">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto text-center">
            <h2 class="section-heading">Let's Get In Touch!</h2>
            <hr class="my-4">
            <p class="mb-5"> Give us a call or send us an email and we will get back to you as soon as possible!</p>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-4 ml-auto text-center">
            <i class="fa fa-phone fa-3x mb-3 sr-contact"></i>
            <p>+91-7484010774 </p>
          </div>
          <div class="col-lg-4 mr-auto text-center">
            <i class="fa fa-envelope-o fa-3x mb-3 sr-contact"></i>
            <p>
              <a href="mailto:your-email@your-domain.com">feedback@cafeonline.co.in</a>
            </p>
          </div>
        </div>
      </div>
    </section>
