JagritiCtC

<link rel="icon" type="image/icon.png" href="img/fd.png">

<?php include 'style.php' ?>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />


<!---- *******main section start*****--------->
<div class="load-document">
    <div class="loader" id="loader"></div>
</div>
        <section class="main">
            <div class="upper_main">
                <div class="container">
                    <div class="row">
                        <div class="col-md-5 mobile_email">
                            <span class="fa fa-phone topphone spin" style="padding: 4px; box-shadow: 0px 0px 2px 0px rgba(0,0,0,.4); border-radius: 50%; color:black; margin-top: 4px;"></span> <span class="mobile_number">Helpline No :</span> +91 8369000263  &nbsp;&nbsp;&nbsp;<span class="email">Email:</span> jagservetechnology@gmail.com
                        </div>
                        <div class="col-md-4"></div>
                        <div class="col-md-3 socials_icon">
                            <span class="fa fa-whatsapp socials" style="color:green; margin-top: 2px; "></span>
                            <span class="fa fa-twitter socials" style="color:lightblue; margin-top: 2px;"></span>
                            <span class="fa fa-instagram socials" style="color:#aa759f; margin-top: 2px;"></span>
                        </div>
                        
                    </div>
                </div>
            </div>
            <div class="menu">
                <div class="container">
                    <nav class="navbar navbar-expand-lg navbar-light">
                

                        <a class="navbar-brand" href="index.php"><img src="img/jtcc.jpg" alt="#" style="max-height: 60px;width:180px;"></a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <ul class="navbar-nav ml-auto">
                                <li class="nav-item active">
                                    <a class="nav-link" href="index.php"><span class="fa fa-home"></span>Home <span class="sr-only">(current)</span></a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="about.php"><span class="fa fa-info-circle"></span>About Us</a>
                                </li>
                                
                                    <li class="nav-item">
                                    <a class="nav-link" href="courses.php"><span class="fa fa-book"></span>Our Courses</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="register.php"><span class="fa fa-user"></span>Registration</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="services.php"><span class="fa fa-paper-plane"></span>Services</a>
                                </li>
                            
                                
                                <li class="nav-item">
                                    <a class="nav-link" href="contactus.php"><span class="fa fa-map-marker"></span>Contact Us</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="feedback.php"><span class="fa fa-rss"></span>Feedback</a>
                                </li>
                                
                                
                            </ul>
                            
                        </div>
                    </nav>
                </div>
            </div>



<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Jagriti Computer Center</title>
        <?php include 'main/headerlink.php' ?>
    </head>
    <body>
        
        <!-- ---------------menu bar ------------ -->
        <?php include 'main/menu.php' ?>
        <!-- ---------------menu bar /------------ -->
        <div class="slider">
            <!--Carousel Wrapper-->
            <div id="carousel-example-1z" class="carousel slide carousel-fade" data-ride="carousel">
                <!--Indicators-->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-1z" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-1z" data-slide-to="1"></li>
                    <li data-target="#carousel-example-1z" data-slide-to="2"></li>
                    <li data-target="#carousel-example-1z" data-slide-to="3"></li>
                </ol>
                <!--/.Indicators-->
                <!--Slides-->
                <div class="carousel-inner" role="listbox">
                    <!--First slide-->
                    <div class="carousel-item slide-1 active">
                        <div class="container main_text_area">
                            <div class="row">
                                <div class="col-md-12">
                                    <h1 data-aos="fade-right" data-aos-easing="linear"
                                    data-aos-duration="1700"><span class="head-name">Jagriti</span> Computer Center</h1>
                                    <p  data-aos="fade-left"
                                    data-aos-duration="2000">Welcome To Jagriti Computer Coaching Centre.We provide Computer Training,<br/>Computer Coaching,Computer Classes.</p>
                                    <a href="/Home/SummerTraining" class="knowMoreBtn divBtn" data-aos="fade-up" data-aos-easing="linear"
                                    data-aos-duration="1400">Know More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/First slide-->
                    <!--Second slide-->
                    <div class="carousel-item slide-2">
                        <div class="container main_text_area">
                            <div class="row">
                                <div class="col-md-12">
                                    <h1><span class="head-name">Jagriti</span> Computer Center</h1>
                                    <p>Welcome To Jagriti Computer Coaching Centre.We provide Computer Training,<br/>Computer Coaching,Computer Classes.</p>
                                    <a href="/Home/SummerTraining" class="knowMoreBtn divBtn">Know More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/Second slide-->
                    <!--Third slide-->
                    <div class="carousel-item slide-3">
                        <div class="container main_text_area">
                            <div class="row">
                                <div class="col-md-12">
                                    <h1><span class="head-name">Jagriti</span> Computer Center</h1>
                                    <p>Welcome To Jagriti Computer Coaching Centre.We provide Computer Training,<br/>Computer Coaching,Computer Classes.</p>
                                    <a href="/Home/SummerTraining" class="knowMoreBtn divBtn">Know More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/Third slide-->
                    <!--forth slide-->
                    <div class="carousel-item slide-4">
                        <div class="container main_text_area">
                            <div class="row">
                                <div class="col-md-12">
                                    <h1><span class="head-name">Jagriti</span> Computer Center</h1>
                                    <p>Welcome To Jagriti Computer Coaching Centre.We provide Computer Training,<br/>Computer Coaching,Computer Classes.</p>
                                    <a href="/Home/SummerTraining" class="knowMoreBtn divBtn">Know More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/forth slide-->
                </div>
                <!--/.Slides-->
                <!--Controls-->
                <!-- <a class="carousel-control-prev" href="#carousel-example-1z" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carousel-example-1z" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a> -->
                <!--/.Controls-->
            </div>
            <!--/.Carousel Wrapper-->
        </div>
    </section>
    <!--------------- *****About your self start ****--------------->
    
    <div class="container-fluid newSection bg-light">
        <h3 class="sectionTitle"><span class="themeText">Trainning</span> at Jagriti</h3>
        <p class="sectionContent">
            Enter As Trainees & Exit As Professionals.
        </p>
        <div class="container">
            <div class="row">
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1400">
                    <div class="col text-center mainBlock bg-primary">
                        <a href="/Home/SummerTraining">
                            <h5>Web<br/>Designing</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1450">
                    <div class="col text-center mainBlock bg-success">
                        <a href="/Home/winterTraining">
                            <h5>Microsoft Office</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1500">
                    <div class="col text-center mainBlock bg-secondary">
                        <a href="/Home/ApprenticshipTraining">
                            <h5>Tally</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1550">
                    <div class="col text-center mainBlock bg-warning">
                        <a href="/Home/SyllabusTraining">
                            <h5>Programming Languages</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1600">
                    <div class="col text-center mainBlock bg-info">
                        <a href="/Home/IndustrialTraining">
                            <h5>Digital Marketing</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1650">
                    <div class="col text-center mainBlock bg-dark">
                        <a href="#">
                            <!-- <h5>VFX and Animation</h5> -->
                            <h5>Designing</h5>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--------------- *************************** Courses we Provide strt************************************ --------------->
    <section class="services1">
        <div class="container">
            <h3 class="sectionTitle"><span class="themeText">Courses</span> we Provide</h3>
            <p class="sectionContent">
                Enter As Trainees, Exit As Professionals.
            </p>
            <br/>
            <br/>
            <div class="row">
                <div class="col-md-3 col-lg-3 col-12 Courses_1" data-toggle="modal" data-target="#Basics_Courses" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1400">
                    <div class="coursesweprovide">Basics Courses</div>
                    
                </div>
                <div class="col-md-3 col-lg-3 col-12 Courses_1" data-toggle="modal" data-target="#Designing_Courses" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1450">
                    <div class="coursesweprovide">Designing Courses</div>
                    
                </div>
                <div class="col-md-3 col-lg-3 col-12 Courses_1" data-toggle="modal" data-target="#Programming_Courses" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1500">
                    <div class="coursesweprovide">Programming</div>
                    
                </div>
                <div class="col-md-3 col-lg-3 col-12 Courses_1"  data-toggle="modal" data-target="#Ac_course" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1550">
                    <div class="coursesweprovide">A/C Courses</div>
                </div>
            </div>
            <br/>
            <div class="row">
                <div class="col-md-3 col-lg-3 col-12 Courses_1" data-toggle="modal" data-target="#Digital_Marketing" data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1400">
                    <div class="coursesweprovide">Digital Marketing</div>
                    
                </div>
                <div class="col-md-3 col-lg-3 col-12 Courses_1"  data-aos="fade-right" data-aos-easing="linear"data-aos-duration="1470">
                    <div class="coursesweprovide"  data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1450">Typing Courses</div>
                </div>
                <div class="col-md-3 col-lg-3 col-12 Courses_1" data-toggle="modal" data-target="#Web_Designing"  data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1500">
                    <div class="coursesweprovide">Web Designing</div>
                </div>
                <div class="col-md-3 col-lg-3 col-12 Courses_1" data-toggle="modal" data-target="#Software_Courses"  data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1550">
                    <div class="coursesweprovide">Software Courses</div>
                    
                </div>
                
            </div>
            
        </div>
    </section>
    <!--------------- Modal  basic corses start--------------->
    <div class="modal fade" id="Basics_Courses" tabindex="-1" role="dialog" aria-labelledby="Jagriti_computer_centerTitle" aria-hidden="true" >
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><h3>Basic Computer Courses</h3></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body Jagriti_computer_center_body">
                    <div class="row">
                        
                        <div class="col-md-6 besic_icon">
                            <span class="fa fa-desktop"></span>
                        </div>
                        <div class="col-md-6">
                            <ul>
                                <li>Computer Introduction</li>
                                <li>MicroSoft Office</li>
                                <li>Internet</li>
                            </ul>
                            
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!--------------- Modal  basic corses end--------------->
    <!--------------- Modal  Designing Courses start--------------->
    <div class="modal fade" id="Designing_Courses" tabindex="-1" role="dialog" aria-labelledby="Jagriti_computer_centerTitle" aria-hidden="true" >
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><h3>Designing Courses</h3></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body Jagriti_computer_center_body">
                    <div class="row">
                        
                        <div class="col-md-6 besic_icon">
                            <span class="fa fa-desktop"></span>
                        </div>
                        <div class="col-md-6">
                            <ul>
                                <li>Digital Photology</li>
                                <li>DTP</li>
                                <li>Web Designing</li>
                            </ul>
                            
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!--------------- Modal Designing Courses end--------------->
    <!--------------- Modal  Programming Courses start--------------->
    <div class="modal fade" id="Ac_course" tabindex="-1" role="dialog" aria-labelledby="Jagriti_computer_centerTitle" aria-hidden="true" >
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><h3>A/C Courses</h3></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body Jagriti_computer_center_body">
                    <div class="row">
                        
                        <div class="col-md-6 besic_icon">
                            <span class="fa fa-desktop"></span>
                        </div>
                        <div class="col-md-6">
                            <ul>
                                <li>Basic Tally</li>
                                <li>Advance Tally ERP</li>
                                <li>Advance GST</li>
                                
                            </ul>
                            
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!--------------- Modal Programming Courses end--------------->
    <!--------------- Modal  Programming Courses start--------------->
    <div class="modal fade" id="Programming_Courses" tabindex="-1" role="dialog" aria-labelledby="Jagriti_computer_centerTitle" aria-hidden="true" >
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><h3>Programming Courses</h3></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body Jagriti_computer_center_body">
                    <div class="row">
                        
                        <div class="col-md-6 besic_icon">
                            <span class="fa fa-desktop"></span>
                        </div>
                        <div class="col-md-6">
                            <ul>
                                <li>HTML</li>
                                <li>CSS</li>
                                <li>C</li>
                                <li>JAVA</li>
                                <li>My Sql</li>
                                <li>PHP</li>
                            </ul>
                            
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!--------------- Modal Programming Courses end--------------->
    <!--------------- Modal Digital Marketing start--------------->
    <div class="modal fade" id="Digital_Marketing" tabindex="-1" role="dialog" aria-labelledby="Jagriti_computer_centerTitle" aria-hidden="true" >
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><h3>Digital Marketing</h3></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body Jagriti_computer_center_body">
                    <div class="row">
                        
                        <div class="col-md-6 besic_icon">
                            <span class="fa fa-desktop"></span>
                        </div>
                        <div class="col-md-6">
                            <ul>
                                <li>Facebook Ads</li>
                                
                            </ul>
                            
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!--------------- Modal Digital Marketing end--------------->
    <!--------------- Modal Web Designing start--------------->
    <div class="modal fade" id="Web_Designing" tabindex="-1" role="dialog" aria-labelledby="Jagriti_computer_centerTitle" aria-hidden="true" >
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><h3>Web Designing</h3></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body Jagriti_computer_center_body">
                    <div class="row">
                        
                        <div class="col-md-6 besic_icon">
                            <span class="fa fa-desktop"></span>
                        </div>
                        <div class="col-md-6">
                            <ul>
                                <li>Simple Page Application</li>
                                <li>Static Website</li>
                                <li>Dynamic Website</li>
                            </ul>
                            
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!--------------- Modal Web Designing end--------------->
    <!--------------- Modal Software Courses start--------------->
    <div class="modal fade" id="Software_Courses" tabindex="-1" role="dialog" aria-labelledby="Jagriti_computer_centerTitle" aria-hidden="true" >
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><h3>Software Courses</h3></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body Jagriti_computer_center_body">
                    <div class="row">
                        
                        <div class="col-md-6 besic_icon">
                            <span class="fa fa-desktop"></span>
                        </div>
                        <div class="col-md-6">
                            <ul>
                                <li>Windows 7</li>
                                <li>Windows 8</li>
                                <li>Windows 10</li>
                            </ul>
                            
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!--------------- Modal Software Courses end--------------->
    <!--------------- ***************************Courses we Provide end************************************ --------------->
    
    <div class="container-fluid newSection bg-light">
        <h3 class="sectionTitle">Amazing  <span class="themeText">Training</span> Programs </h3>
        <p class="sectionContent">
            We are more appreciated in the field of Training as well. Jagriti offers you the best development training via experienced consultants.
        </p>
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 col-12">
                    <div class="col programmMain">
                        <i class="fa fa-laptop "></i>
                        <h4><a href="/Home/SummerTraining">Designing Courses</a></h4>
                        <p>Jagriti offers you an appreciated training program with an objective to enhance the knowledge of the students on different cutting edge technologies for the <b>B.Tech(CS/IT),BCA,MCA</b> students.</p>
                        <a href="/Home/SummerTraining" class="knowMoreBtn divBtn">Know More</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <div class="col programmMain">
                        <i class="fa fa-gavel "></i>
                        <h4><a href="/Home/winterTraining">Office Courses</a></h4>
                        <p>Jagriti offers a amazing Vocational Training program to make you expert in your field. which is a live project based training. Students related to the<b> Diploma(CS/IT), PGDCA</b> can join this program.</p>
                        <a href="/Home/winterTraining" class="knowMoreBtn divBtn">Know More</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <div class="col programmMain">
                        <i class="fa fa-code "></i>
                        <h4><a href="/Home/SummerTraining">Accounting Courses</a></h4>
                        <p>This Summer Training program is designed to Teach, Guide and Enrich students to become ready for corporate. Students related to the <b>B.Tech(CS/IT),PGDCA, Diploma(CS/IT),  BCA, MCA</b> can join this program.</p>
                        <a href="/Home/SummerTraining" class="knowMoreBtn divBtn">Know More</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <div class="col programmMain">
                        <i class="fa fa-coffee "></i>
                        <h4><a href="/Home/ApprenticshipTraining">Digital Marketing</a></h4>
                        <p>Jagriti offers you apprenticeship program with experienced consultants who would like to take a step with you towards your success and make you more able to work with a reputed organization.Offered for the all passout students of <b>B.Tech(CS/IT),PGDCA, Diploma(CS/IT),  BCA, MCA</b></p>
                        <a href="/Home/ApprenticshipTraining" class="knowMoreBtn divBtn">Know More</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <div class="col programmMain">
                        <i class="fa fa-mobile"></i>
                        <h4><a href="/Home/SyllabusTraining">Syllabus Training</a></h4>
                        <p>Jagriti helps to let you know something more and interesting about your syllabus technical subject. by which you be able to come on the practical and real mean of your subjects. Students related to the <b>B.Tech(CS/IT),PGDCA, Diploma(CS/IT),  BCA, MCA</b> can join this program.</p>
                        <a href="/Home/SyllabusTraining" class="knowMoreBtn divBtn">Know More</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <div class="col programmMain">
                        <i class="fa fa-adjust"></i>
                        <h4><a href="#">PD & Skills Development</a></h4>
                        <p>Jagriti offers a session of personality development which helps you to get positive thought pattern, gain confidence, improve behavior, learn better communication and develop a healthy physique. Interested candidates are most welcome to participate the program.</p>
                        <a href="#" class="knowMoreBtn divBtn">Know More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid newSection">
        <h3 class="sectionTitle"><span class="themeText">Jagriti</span> In Web Designing & Development </h3>
        <p class="sectionContent">
            Our services are designed to take your business & Confidance to the next level, reducing the gap between you and the heights of success you wish to achieve.
        </p>
        <div class="container">
            <div class="row">
                <div class="col-sm-6 p-4">
                <iframe width="100%" height="315" src="https://www.youtube.com/embed/vVrfm6wO39s" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                <div class="col-sm-6">
                    <div class="divWithLeftIcon">
                        <i class="fa fa-code"></i>
                        <h4>Best in Website & Web Development</h4>
                        <p>Websites has become a basic requirement for every business today.At Jagriti we offer website design and Development services which will play a pivotal role in your success on the internet by building a superior website for your company.</p>
                    </div>
                    <div class="divWithLeftIcon">
                        <i class="fa fa-laptop"></i>
                        <h4>Software And ERP Solution</h4>
                        <p>Jagriti converts your ideas into application by providing you applications that manage core business processes, such as sales, purchasing, accounting, Human Resource, CRM and inventory.</p>
                    </div>
                    <div class="divWithLeftIcon">
                        <i class="fa fa-database"></i>
                        <h4>Domain & Hosting Servers</h4>
                        <p>Jagriti offers you the best domain and hosting provider service with 24*7 help which will make your contents available to you and your customers through a web browser.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php include 'main/footer.php'  ?>
    
    <?php include 'main/footerlink.php' ?>

    <!----Hide Loader -->
    <!--  <script>
    $(window).on('load', function () {
    
    $(".strips").delay(200).addClass('hideStrip');
    $("#loader").delay(600).fadeOut();
    })
    </script> -->
    <!----Hide Loader -->
</body>
</html>


About us


<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>About Us</title>
        <?php include 'main/headerlink.php' ?>
    </head>
    <body>
        <?php include 'main/menu.php' ?>
        <div class="container-fluid newSection bg-light">
            <h3 class="sectionTitle"><span class="themeText">About</span> Us</h3>
            <p class="sectionContent">
                Welcome to Jagriti. Something about us that will help you get to know us better.
            </p>
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="divWithLeftIcon">
                            <i class="fa fa-code"></i>
                            <h4>Something about us</h4>
                            <p>Jagriti has been founded by some young engineers. The purpose of which is to introduce technology to every student and teach them how to use them properly. Who are trying to achieve this objective by collaborating in various fields.</p>
                        </div><div class="divWithLeftIcon">
                        <i class="fa fa-code"></i>
                        <h4>Some of our work</h4>
                        <p>Jagriti with her work and hard work is to make students more competent to work with a well reputed institution.</p>
                    </div>
                    <div class="divWithLeftIcon">
                    <i class="fa fa-code"></i>
                    <h4>We provide a better service</h4>
                    <p>We provide a better service to our customer. By which they are satisfied in every way.</p>
                </div>
            </div>
            <div class="col-sm-6">
                  <div class="divWithLeftIcon">
                            <i class="fa fa-code"></i>
                            <h4>Something about us</h4>
                            <p>Jagriti has been founded by some young engineers. The purpose of which is to introduce technology to every student and teach them how to use them properly. Who are trying to achieve this objective by collaborating in various fields.</p>
                        </div><div class="divWithLeftIcon">
                        <i class="fa fa-code"></i>
                        <h4>Some of our work</h4>
                        <p>Jagriti with her work and hard work is to make students more competent to work with a well reputed institution.</p>
                    </div>
                    <div class="divWithLeftIcon">
                    <i class="fa fa-code"></i>
                    <h4>We provide a better service</h4>
                    <p>We provide a better service to our customer. By which they are satisfied in every way.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<br/>
<div class="container-fluid newSection bg-light">
    <h3 class="sectionTitle"> Our <span class="themeText">Certification</span></h3>
    <p class="sectionContent">
        
        We are authorized By Ministry of Corporate Affairs and ISO Registration.
    </p>
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                
            </div>
            <div class="col-sm-6">
                
            </div>
        </div>
    </div>
</div>
<?php include 'main/footer.php'  ?>
<?php include 'main/footerlink.php' ?>
</body>
</html>


Services 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Our Courses</title>
        <?php include 'main/headerlink.php' ?>
    </head>
</head>
<body>
    
    <?php include 'main/menu.php' ?>
    <div class="container-fluid newSection bg-light">
        <h3 class="sectionTitle">Our <span class="themeText">Services</span></h3>
        <p class="sectionContent">
          We Are Provide Some Professionals Services.
        </p>
        <div class="container">

            
            <div class="row">
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1400">
                    <div class="col text-center mainBlock bg-primary">
                        <a href="/Home/SummerTraining">
                            <h5>Website Design</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1450">
                    <div class="col text-center mainBlock bg-success">
                        <a href="/Home/winterTraining">
                            <h5>Digital Sewa</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1500">
                    <div class="col text-center mainBlock bg-secondary">
                        <a href="/Home/ApprenticshipTraining">
                            <h5>Sahaj Sewa</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1550">
                    <div class="col text-center mainBlock bg-warning">
                        <a href="/Home/SyllabusTraining">
                            <h5>CSC</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1600">
                    <div class="col text-center mainBlock bg-info">
                        <a href="/Home/IndustrialTraining">
                            <h5>Data Recover</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1650">
                    <div class="col text-center mainBlock bg-dark">
                        <a href="#">
                            <h5>Currpted Memory Card <br/> Pendrive Repair</h5>
                        </a>
                    </div>
                </div>
            </div>



                
            <div class="row">
                <div class="col"  data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1400">
                    <div class="col text-center mainBlock bg-primary">
                        <a href="/Home/SummerTraining">
                            <h5>Software Installation</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1450">
                    <div class="col text-center mainBlock bg-success">
                        <a href="/Home/winterTraining">
                            <h5>WINTER
                            <br />
                            TRAINNING </h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1500">
                    <div class="col text-center mainBlock bg-secondary">
                        <a href="/Home/ApprenticshipTraining">
                            <h5>APPRENTICESHIP PROGRAM</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1550">
                    <div class="col text-center mainBlock bg-warning">
                        <a href="/Home/SyllabusTraining">
                            <h5>SYLLABUS TRAINNING</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1600">
                    <div class="col text-center mainBlock bg-info">
                        <a href="/Home/IndustrialTraining">
                            <h5>INDUSTRIAL TRAINNING</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1650">
                    <div class="col text-center mainBlock bg-dark">
                        <a href="#">
                            <h5>PD & SKILL PROGRAM</h5>
                        </a>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1400">
                    <div class="col text-center mainBlock bg-primary">
                        <a href="/Home/SummerTraining">
                            <h5>Professionals Resume</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1450">
                    <div class="col text-center mainBlock bg-success">
                        <a href="/Home/winterTraining">
                            <h5>Professionals<br/> I'd Card</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1500">
                    <div class="col text-center mainBlock bg-secondary">
                        <a href="/Home/ApprenticshipTraining">
                            <h5>Professionals <br/>Certificated</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1550">
                    <div class="col text-center mainBlock bg-warning">
                        <a href="/Home/SyllabusTraining">
                            <h5>Professionals <br/>Business Logo</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1600">
                    <div class="col text-center mainBlock bg-info">
                        <a href="/Home/IndustrialTraining">
                            <h5>Professionals <br/> Photo</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1650">
                    <div class="col text-center mainBlock bg-dark">
                        <a href="#">
                            <h5>Professionals <br/>Video Editing </h5>
                        </a>
                    </div>
                </div>
            </div>







            
        </div>
    </div>
    <!--------------- *************************** Courses we Provide strt************************************ --------------->
    <?php include 'main/footer.php'  ?>
    
    <?php include 'main/footerlink.php' ?>
</body>
</html>


Register


<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Registration</title>
        <?php include 'main/headerlink.php'; ?>
        <style>
            .form-container{
        font-family'Roboto'sans-serif;
        padding42px 0 0 0;
        positionrelative;
        }
        .form-container .form-icon{
        color#fff;
        background-color#fbaf0c;
        font-size50px;
        text-aligncenter;
        line-height95px;
        height100px;
        width100px;
        border5px solid #fff;
        border-radius50%;
        box-shadow0 0 0 5px  #fbaf0c,0 0 20px rgba(0,0,0,0.3),0px 10px 12px rgba(000,.3);
        transformtranslateX(-50%);
        positionabsolute;
        top-4px;
        left50%;
        z-index1;
        }
        .form-container .form-horizontal{
        background-color:#4a8bad;
        font-size0;
        padding80px 30px 30px;
        box-shadow0 0 0 5px  #fbaf0c,0 0 20px rgba(0,0,0,0.3),0px 10px 12px rgba(000,.3);
        
        }
        .form-horizontal .form-group{
        background-color#fff;
        widthcalc(50% - 12px);
        margin0 7px 25px 5px;
        border-radius10px;
        overflowhidden;
        displayinline-block;
        }
        .form-horizontal .input-icon{
        colorrgba(0,0,0,0.3);
        background-color:#fbaf0c;
        font-size18px;
        color#ffffff;
        text-aligncenter;
        line-height39px;
        height38px;
        width48px;
        vertical-aligntop;
        displayinline-block;
        }
        .form-horizontal .form-control{
        color#222;
        background-colortransparent;
        font-size15px;
        font-weight400;
        letter-spacing1px;
        widthcalc(100% - 53px);
        height38px;
        padding1px 10px 0 7px;
        box-shadownone;
        bordernone;
        border-radius0;
        displayinline-block;
        transitionall 0.3s;
        }
        .form-horizontal textarea.form-control{
        heightauto;
        width100%;
        }
        .form-horizontal .form-control:focus{
        box-shadow:none;
        bordernone;
        }
        .form-horizontal .form-control::placeholder{
        color#b5b5b5;
        font-size15px;
        font-weight400;
        text-transformcapitalize;
        }
        .form-horizontal .btn{
        color#fff;
        background-color#fbaf0c;
        font-size18px;
        font-weight500;
        text-transformuppercase;
        letter-spacing1px;
        padding10px 200px;
        margin0 auto;
        bordernone;
        border-radius10px;
        box-shadow0px 3px 5px #aaa;
        displayblock;
        transitionall 0.3s ease 0s;
        }
        .form-horizontal .regbtn{
        color#000;
        font-weight:bold;
        text-shadow0px 10px 22px rgba(000,.3);
        text-transformuppercase;
        background#fbaf0c;
        transitionall 0.4s ease-in-out;
        box-shadownone;
        }
         .form-horizontal .regbtn .btt{
            text-shadow0px 10px 22px rgba(000,.3);
        text-transformuppercase;
        letter-spacing3px;
        }
        .form-horizontal .regbtn:hover{
        background-color:#ffffff;
        box-shadow:0 0 20px 0 rgba(0,0,0,.3);
        }
        @media only screen and (max-width:576px){
        .form-container .form-group{
        width100%;
        margin0 0 25px;
        }
        }

        #success{
          
            font-size:20px;
            letter-spacing:2px;
        }
        </style>
        <script src="js/jquery-3.5.1.min.js"></script>
       
         <script>
        function rupee() {
            var val = document.getElementById("course_select").value.trim();
          
           if(val == "DCA")
                document.getElementById("rupees").value = "3500";
            else if (val == "ADCA")
                document.getElementById("rupees").value = "5500";
            else if (val == "CCC")
                document.getElementById("rupees").value = "3000";
            else if (val == "PGDCA")
                document.getElementById("rupees").value = "8000";
            else if (val == "Other")
                document.getElementById("rupees").value = null;
         
        }
</script>
    </head>
    <body>
        <?php include 'main/menu.php'; ?>
        <div class="container-fluid newSection bg-light">
            <h3 class="sectionTitle"><span class="themeText">Register</span> With Us</h3>
            <p class="sectionContent">
                You are just one step behind to join the Jagriti. I promise you to give my best if you will ll be a part of Jagriti.
            </p>
            
            <div class="form-bg ">
                <div class="container">
                    <div class="row">
                        <div class="col-md-offset-1col-md-8 knowMoreBtn divBtn">
                            <div id="success"></div>
                            <div class="form-container">
                                <div class="form-icon">
                                    <i class="fa fa-user"></i>
                                </div>
                                <form class="form-horizontal" id="regform" action="" enctype="multipart/form-data" method = "post">
                                    
                                    <div class="form-group">
                                        <span class="input-icon"><i class="fa fa-user"></i></span>
                                        <input class="form-control" type="text" placeholder="First Name :" name="fname" required="">
                                    </div>
                                    <div class="form-group">
                                        <span class="input-icon"><i class="fa fa-user"></i></span>
                                        <input class="form-control" type="text" placeholder="Last Name :" name="lname" required="">
                                    </div>
                                    <div class="form-group">
                                        <span class="input-icon"><i class="fa fa-university"></i></span>
                                        <input class="form-control" type="text" placeholder="College Name :" name="clgname" required="">
                                    </div>
                                    <div class="form-group" id="email1">
                                        <span class="input-icon"><i class="fa fa-envelope"></i></span>
                                        <input class="form-control" type="email" id="email" placeholder="Email Address :" name="uemail" required="" >
                                    </div>

                                      <div class="form-group" id="mobile1">
                                       
                                        <span class="input-icon"><i class="fa fa-phone"></i></span>
                                        <input class="form-control" type="text" placeholder="Contact No :" name="umobile" id="mobile" required="">
                                    </div>
                                      <div class="form-group">
                                        <span class="input-icon"><i class="fa fa-home"></i></span>
                                        <input class="form-control" type="text" placeholder="Full Address"  &#x20B9; name="addr" aria-describedby="basic-addon1">

                                    </div>
                                    <div class="form-group">
                                        <span class="input-icon"><i class="fa fa-graduation-cap"></i></span>
                                        <label for="exampleFormControlSelect1">OUR COURSES</label>
                                        <select class="form-control" id="course_select" name="ucourse" required=""onchange="rupee()">
                                            <option><b>Select Courese :</b></option>
                                            <option>DCA</option>
                                            <option>ADCA</option>
                                            <option>CCC</option>
                                            <option>PGDCA</option>
                                            <option>PGDCA</option>
                                           <option>Other</option>

                                        </select>
                                        
                                    </div>
                                    
                                  
                                    <div class="form-group">
                                        <span class="input-icon"><i class="fa fa-inr"></i></span>
                                        <input class="form-control" type="number" placeholder="Amount To Pay :  &#x20B9;" required pattern="[6-9]{1}[0-9]{9}" name="uruppe" id="rupees" readonly="true" aria-describedby="basic-addon1">

                                    </div>
                                   
                                    <center>
                                        <div class="form-group regbtn">
                                            <input type="submit" value="submit" id="btn" class="btn-reg form-control"name="">
                                          
                                        </div>
                                    </center>
                                    
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
      <!--   <form>
            <script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_GHVMQDU7KxCCug"> </script> </form> -->
        <?php include 'main/footer.php'  ?>
        
        <?php include 'main/footerlink.php'; ?>



        <script type="text/javascript">
           
            $("#regform").on('submit',function(e){
               jQuery("#btn").val('Plaese Wait...');
                jQuery("#btn").attr('disabled',true);
                $.ajax({
                        url:'regsubmit.php',
                        type:'post',
                        data:jQuery("#regform").serialize(),
                        success:function(result){
                        jQuery('#success').html('** Welcome To Learning World & Thnaks For Joining Us');
                        jQuery("#regform")['0'].reset();
                        jQuery("#btn").val('Submit Now');
                        jQuery("#btn").attr('disabled',false);
                      

                    }
                });
                e.preventDefault();
            });

        </script>



        
    </body>
</html>



Contact us

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us</title>
    <?php include 'main/headerlink.php' ?>
  </head>

  <body>
    <?php include 'main/menu.php' ?>
    <div class="container-fluid newSection bg-light">
      <h3 class="sectionTitle"><span class="themeText">Contact </span>With Us</h3>
      <p class="sectionContent">
        You may contact us by contact number or filling in this form any time you need professional support or have any question.
      </p>
      <div class="container">
        <div class="row">
          <!-- starting php code -->
                <?php
                    //first we leave this input field blank
                    $recipient = "";
                    //if user click the send button
                    if(isset($_POST['submit'])){
                        //access user entered data
                       $name = $_POST['name'];
                       $recipient = $_POST['email'];
                       $subject = $_POST['subject'];
                      $maasage = "Im very thankfullto you";

                       $sender = "From: jagritictc@gmail.com";
                       //if user leave empty field among one of them
                       if(empty($name) ||empty($recipient) || empty($subject) || empty($message)){
                           ?>
                           <!-- display an alert message if one of them field is empty -->
                            <div class="alert alert-danger text-center">
                                <?php echo "All inputs are required!" ?>
                            </div>
<?php
                        }else{
                            // PHP function to send mail
                           if(mail($recipient, $subject, $message, $sender)){
                            ?>
                            <!-- display a success message if once mail sent sucessfully -->
                            <div class="alert alert-success text-center">
                                <?php echo "Your mail successfully sent to $recipient"?>
                            </div>
<?php
                           $recipient = "";
                           }else{
                            ?>
                            <!-- display an alert message if somehow mail can't be sent -->
                            <div class="alert alert-danger text-center">
                                <?php echo "Failed while sending your mail!" ?>
                            </div>
<?php
                           }
                       }
                    }
                ?> <!-- end of php code -->
          <div class="col-sm-6">
            <span id="success"></span>
            <h3 class="sectionTitle">Send Your <span class="themeText">Message</span></h3>
            <form action="" method="post" id="contact-form">
              <div class="form-group">
                <label for="exampleFormControlInput1">Name :</label>
                <input type="text" class="form-control"required=""  placeholder="Enter Your Name" name="name">
              </div>
              <div class="form-group">
                <label for="exampleFormControlInput1">Email address :</label>
                <input type="email" class="form-control"required=""  placeholder="name@example.com" name="email">
              </div>
              <div class="form-group">
                <label for="exampleFormControlTextarea1">Your Message :</label>
                <textarea class="form-control" rows="3" required=""placeholder="Your Massage" name="msg"></textarea>
              </div>

            <input type="submit" value="submit" class="knowMoreBtn divBtn" id="btn">
           
            </form>
          </div>
          <div class="col-sm-6">
            <div class="our_addresss">
              <div class="divWithLeftIcon">
                <i class="fa fa-home"></i>
                <h4>Office Address</h4>
                <p>Plot No-10, Behind H.P Petrol Pump,<br/>
                  Jangiganj,S R N Bhadohi,
                Uttar Pradesh 221310</p>
              </div>
              <div class="divWithLeftIcon">
                <i class="fa fa-phone"></i>
                <h4>Call Us</h4>
                <p><a href="#">+91 836900263</a></p>
                <p><a href="#">+91 9559014891</a></p>
              </div>
              <div class="divWithLeftIcon">
                <i class="fa fa-envelope"></i>
                <h4>Mail Us</h4>
                <p><a href="#">jagservetechnology@gmail.com</a></p>
                <p><a href="#">jagserveteam@gmail.com</a></p>
              </div>
            </div>
          </div>
          
        </div>
      </div>
    </div>
    <div class="container-fluid newSection bg-light">
      <h3 class="sectionTitle">Find us on <span class="themeText"> Google Map</span></h3>
      <p class="sectionContent">
        View us on google map easily
      </p>
      <div class="map_me">
        
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7214.00272846232!2d82.36932992242967!3d25.30415823483406!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x398ffac6eaa2d6a9%3A0xe5fbe45eb7f6b213!2sJangiganj%2C%20Uttar%20Pradesh%20221310!5e0!3m2!1sen!2sin!4v1605591207887!5m2!1sen!2sin" width="90%" height="400" frameborder="0" style="border:2;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
      </div>
      
    </div>
    <?php include 'main/footer.php'  ?>
    
    <?php include 'main/footerlink.php' ?>


     <script type="text/javascript">
           


           var basepath = 'http://localhost/My%20Project/Jagritictc/web-app/ajax/';
            $("#contact-form").on('submit',function(e){
               jQuery("#btn").val('Plaese Wait...');
                jQuery("#btn").attr('disabled',true);
                $.ajax({
                    url:basepath+"contact-submit.php",
                    type:'post',
                    data:jQuery("#contact-form").serialize(),
                    success:function(result){
                        jQuery('#success').html('** Thanks For Supporting Us');
                        jQuery("#contact-form")['0'].reset();
                        jQuery("#btn").val('Submit Now');
                        jQuery("#btn").attr('disabled',false);
                      

                    }
                });
                e.preventDefault();
            });

        </script>






  </body>
</html>


Courses

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us</title>
    <?php include 'main/headerlink.php' ?>
  </head>

  <body>
    <?php include 'main/menu.php' ?>
    <div class="container-fluid newSection bg-light">
      <h3 class="sectionTitle"><span class="themeText">Contact </span>With Us</h3>
      <p class="sectionContent">
        You may contact us by contact number or filling in this form any time you need professional support or have any question.
      </p>
      <div class="container">
        <div class="row">
          <!-- starting php code -->
                <?php
                    //first we leave this input field blank
                    $recipient = "";
                    //if user click the send button
                    if(isset($_POST['submit'])){
                        //access user entered data
                       $name = $_POST['name'];
                       $recipient = $_POST['email'];
                       $subject = $_POST['subject'];
                      $maasage = "Im very thankfullto you";

                       $sender = "From: jagritictc@gmail.com";
                       //if user leave empty field among one of them
                       if(empty($name) ||empty($recipient) || empty($subject) || empty($message)){
                           ?>
                           <!-- display an alert message if one of them field is empty -->
                            <div class="alert alert-danger text-center">
                                <?php echo "All inputs are required!" ?>
                            </div>
<?php
                        }else{
                            // PHP function to send mail
                           if(mail($recipient, $subject, $message, $sender)){
                            ?>
                            <!-- display a success message if once mail sent sucessfully -->
                            <div class="alert alert-success text-center">
                                <?php echo "Your mail successfully sent to $recipient"?>
                            </div>
<?php
                           $recipient = "";
                           }else{
                            ?>
                            <!-- display an alert message if somehow mail can't be sent -->
                            <div class="alert alert-danger text-center">
                                <?php echo "Failed while sending your mail!" ?>
                            </div>
<?php
                           }
                       }
                    }
                ?> <!-- end of php code -->
          <div class="col-sm-6">
            <span id="success"></span>
            <h3 class="sectionTitle">Send Your <span class="themeText">Message</span></h3>
            <form action="" method="post" id="contact-form">
              <div class="form-group">
                <label for="exampleFormControlInput1">Name :</label>
                <input type="text" class="form-control"required=""  placeholder="Enter Your Name" name="name">
              </div>
              <div class="form-group">
                <label for="exampleFormControlInput1">Email address :</label>
                <input type="email" class="form-control"required=""  placeholder="name@example.com" name="email">
              </div>
              <div class="form-group">
                <label for="exampleFormControlTextarea1">Your Message :</label>
                <textarea class="form-control" rows="3" required=""placeholder="Your Massage" name="msg"></textarea>
              </div>

            <input type="submit" value="submit" class="knowMoreBtn divBtn" id="btn">
           
            </form>
          </div>
          <div class="col-sm-6">
            <div class="our_addresss">
              <div class="divWithLeftIcon">
                <i class="fa fa-home"></i>
                <h4>Office Address</h4>
                <p>Plot No-10, Behind H.P Petrol Pump,<br/>
                  Jangiganj,S R N Bhadohi,
                Uttar Pradesh 221310</p>
              </div>
              <div class="divWithLeftIcon">
                <i class="fa fa-phone"></i>
                <h4>Call Us</h4>
                <p><a href="#">+91 836900263</a></p>
                <p><a href="#">+91 9559014891</a></p>
              </div>
              <div class="divWithLeftIcon">
                <i class="fa fa-envelope"></i>
                <h4>Mail Us</h4>
                <p><a href="#">jagservetechnology@gmail.com</a></p>
                <p><a href="#">jagserveteam@gmail.com</a></p>
              </div>
            </div>
          </div>
          
        </div>
      </div>
    </div>
    <div class="container-fluid newSection bg-light">
      <h3 class="sectionTitle">Find us on <span class="themeText"> Google Map</span></h3>
      <p class="sectionContent">
        View us on google map easily
      </p>
      <div class="map_me">
        
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7214.00272846232!2d82.36932992242967!3d25.30415823483406!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x398ffac6eaa2d6a9%3A0xe5fbe45eb7f6b213!2sJangiganj%2C%20Uttar%20Pradesh%20221310!5e0!3m2!1sen!2sin!4v1605591207887!5m2!1sen!2sin" width="90%" height="400" frameborder="0" style="border:2;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
      </div>
      
    </div>
    <?php include 'main/footer.php'  ?>
    
    <?php include 'main/footerlink.php' ?>


     <script type="text/javascript">
           


           var basepath = 'http://localhost/My%20Project/Jagritictc/web-app/ajax/';
            $("#contact-form").on('submit',function(e){
               jQuery("#btn").val('Plaese Wait...');
                jQuery("#btn").attr('disabled',true);
                $.ajax({
                    url:basepath+"contact-submit.php",
                    type:'post',
                    data:jQuery("#contact-form").serialize(),
                    success:function(result){
                        jQuery('#success').html('** Thanks For Supporting Us');
                        jQuery("#contact-form")['0'].reset();
                        jQuery("#btn").val('Submit Now');
                        jQuery("#btn").attr('disabled',false);
                      

                    }
                });
                e.preventDefault();
            });

        </script>






  </body>
</html>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Our Courses</title>
        <?php include 'main/headerlink.php' ?>
    </head>
</head>
<body>
    
    <?php include 'main/menu.php' ?>
    <div class="container-fluid newSection bg-light">
        <h3 class="sectionTitle">Our <span class="themeText">Courses</span></h3>
        <p class="sectionContent">
            Enter As Trainees, Exit As Professionals.
        </p>
        <div class="container">
            <div class="row">
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1400">
                    <div class="col text-center mainBlock bg-primary">
                        <a href="/Home/SummerTraining">
                            <h5>DCA</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1450">
                    <div class="col text-center mainBlock bg-success">
                        <a href="/Home/winterTraining">
                            <h5>ADCA</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1500">
                    <div class="col text-center mainBlock bg-secondary">
                        <a href="/Home/ApprenticshipTraining">
                            <h5>TALLY ERP 9</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1550">
                    <div class="col text-center mainBlock bg-warning">
                        <a href="/Home/SyllabusTraining">
                            <h5>DTP</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1600">
                    <div class="col text-center mainBlock bg-info">
                        <a href="/Home/IndustrialTraining">
                            <h5>HDCA</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1650">
                    <div class="col text-center mainBlock bg-dark">
                        <a href="#">
                            <h5>DFA</h5>
                        </a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col"  data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1400">
                    <div class="col text-center mainBlock bg-primary">
                        <a href="/Home/SummerTraining">
                            <h5>HTML 5</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1450">
                    <div class="col text-center mainBlock bg-success">
                        <a href="/Home/winterTraining">
                            <h5>CSS 3</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1500">
                    <div class="col text-center mainBlock bg-secondary">
                        <a href="/Home/ApprenticshipTraining">
                            <h5>C</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1550">
                    <div class="col text-center mainBlock bg-warning">
                        <a href="/Home/SyllabusTraining">
                            <h5>C #</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1600">
                    <div class="col text-center mainBlock bg-info">
                        <a href="/Home/IndustrialTraining">
                            <h5>JAVA</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-right" data-aos-easing="linear"
                    data-aos-duration="1650">
                    <div class="col text-center mainBlock bg-dark">
                        <a href="#">
                            <h5>PHP</h5>
                        </a>
                    </div>
                </div>
            </div>
            <div class="row">
               <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1400">
                    <div class="col text-center mainBlock bg-primary">
                        <a href="/Home/SummerTraining">
                            <h5>Web<br/>Designing</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1450">
                    <div class="col text-center mainBlock bg-success">
                        <a href="/Home/winterTraining">
                            <h5>Microsoft Office</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1500">
                    <div class="col text-center mainBlock bg-secondary">
                        <a href="/Home/ApprenticshipTraining">
                            <h5>ADIT</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1550">
                    <div class="col text-center mainBlock bg-warning">
                        <a href="/Home/SyllabusTraining">
                            <h5>CCC</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1600">
                    <div class="col text-center mainBlock bg-info">
                        <a href="/Home/IndustrialTraining">
                            <h5>Digital Marketing</h5>
                        </a>
                    </div>
                </div>
                <div class="col" data-aos="fade-left" data-aos-easing="linear"
                    data-aos-duration="1650">
                    <div class="col text-center mainBlock bg-dark">
                        <a href="#">
                            <h5>VFX and Animation</h5>
                        </a>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
    <!--------------- *************************** Courses we Provide strt************************************ --------------->
    <?php include 'main/footer.php'  ?>
    
    <?php include 'main/footerlink.php' ?>
</body>
</html>


Footer

<!-- Footer -->
<div class="container-fluid footerTop">
    <div class="container">
        <div class="row">
            <div class="col-sm-4 ftrinfo">
                <img src="img/jtcc.jpg" alt="#" style="max-height: 60px;width:180px;">
                <p>Jagriti is an organization working in both software development and software taining which aims to make all the specials of it's client successful.</p>
                <h5 class="ftHeading" style="font-size: 16px;">Stay Connected</h5>
                <div class="ftrSocial">
                    <a href="#" title="Facebook" target="_blank"><i class="fa fa-facebook-f"></i></a>
                    <a href="#" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
                    <a href="#" title="Instagram" target="_blank"><i class="fa fa-instagram"></i></a>
                    <a href="#" title="Whatsapp" target="_blank"><i class="fa fa-whatsapp"></i></a>
                    
                </div>
            </div>
            <div class="col-sm-4 ftrinfo">
                <h5 class="ftHeading">Contact Address</h5>
                <p>
                    <i class="fa fa-home"></i>Plot No-10, Behind H.P Petrol Pump,<br />
                    Jangiganj,S R N Bhadohi,<br />
                    Uttar Pradesh 221310,<br />
                    Uttar Pradesh , India
                </p>
                <p>
                    <a href="tel:+91 7007237006"><i class="fa fa-phone"></i>+91-7007237006</a><br />
                    <a href="tel:+91 8052978684"><i class="fa fa-phone"></i>+91-8052978684</a><br />
                    <a href="mailto:Jagritilko@gmail.com"><i class="fa fa-envelope"></i>Jagritilko@gmail.com</a>
                </p>
            </div>
            <div class="col-sm-4 ftrinfo">
                <h5 class="ftHeading">Join Our Social Learning Group</h5>
                <p>
                    Jagriti is an organization working in both software development and software taining which aims to make all the specials of it's client successful.
                </p>
                <p>
                    Jagriti is an organization working in both software development and software taining which aims to make all the specials of it's client successful.
                </p>
            </div>
        </div>
    </div>
    
    <div class="fb-customerchat"
        attribution=setup_tool
        page_id="250862822272814"
        theme_color="#fbaf0c"
        logged_in_greeting="Hi! Welcome to Jagriti Technology Pvt. Ltd. How can we help you?"
        logged_out_greeting="Hi! Welcome to Jagriti Technology Pvt. Ltd. How can we help you?">
    </div>
</div>
<div class="container-fluid tinyFooter">
    <span>&copy; 2020 <a href="#" target="_blank">Jagriti Computer Center</a> 2020 | Developed By <a href="#" target="_blank">Technical Team</a>
</span>
</div>
<!--
<script>
window.oncontextmenu = function () {
return false;
}
$(document).keydown(function (event) {
if (event.keyCode == 123) {
return false;
}
else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) {
return false;
}
else if (event.ctrlKey && event.keyCode == 85) {
return false;
}
})
</script> -->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>




<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" type="text/javascript"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" type="text/javascript"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="assets/js/jquery.js" type="text/javascript"></script>
        <script src="assets/js/myscript.js" type="text/javascript"></script>
    
        <!----Hide Loader -->
     <script>
    $(window).on('load'function() {
    
    
    $(".load-document").delay(600).fadeOut();
    
    });
    </script>
    <!----Hide Loader -->