EVOLUTION-NINJA
Edit File: react.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <!-- css --> <!-- <link rel="stylesheet" type="text/css" href="css/index.css" /> --> <link rel="stylesheet" type="text/css" href="css/head.css" /> <!-- bootstrap --> <link rel="stylesheet" href="css/bootstrap.min.css" /> <link rel="javascript" type="text/js" href="js/bootstrap.min.js" /> <!-- font awesome 4 --> <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" /> <!-- bootstrap --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script> <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0-alpha1/css/bootstrap.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0-alpha1/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js"></script> <title>GTRAC</title> <!-- favicons --> <link rel="icon" href="images/gtr_faveicon.png" type="png"> </head> <body> <div class="container-fluid"> <div class="header"> <!-- <div class="container-fluid"> --> <div class="row head-1"> <div class="col-sm-1"></div> <div class="col-sm-3 h2-call"> <i class="fa fa-phone-square" id="color-white" aria-hidden="true"></i> <a href="tel:+91 9591343563" id="color-white">91 9606011223 <span id="color-white">Call for demo</span></a> </div> <div class="col-sm-5"></div> <div class="col-sm-3"> <div class="main"> <div class="icon"> <a href="https://m.facebook.com/mygtrac"><i class="fa fa-facebook-official" aria-hidden="true"></i></a> </div> <div class="icon"> <a href="https://youtube.com/@g-trac3556?si=VnpXi-JA4KjVGKol"><i class="fa fa-youtube-play" aria-hidden="true"></i></a> </div> <div class="icon"> <a href="https://twitter.com/GtracMy"><i class="fa fa-twitter-square" aria-hidden="true"></i></a> </div> <div class="icon"> <a href="https://www.linkedin.com/company/myg-trac/"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a> </div> <div class="icon"> <a href="https://www.instagram.com/gtracmysuru?igsh=MWRleWw0bGVzdXJ0cQ=="><i class="fa fa-instagram" aria-hidden="true"></i></a> </div> <!-- <div class="icon"> <a href="#"><i class="fa fa-pinterest-square" aria-hidden="true"></i></a> </div> --> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <!-- <div class="col-sm-1"> <img src="Image/gtrac-img - Copy.jpg" alt="gtrac" class="gtrac-img mx-auto d-block" width="100%" height="auto"> </div> --> <div class="col-sm-12"> <!-- <nav class="navbar navbar-expand-lg navbar-light"> --> <!-- <img src="Image/gtrac-img.jpg"> --> <nav class="navbar navbar-expand-lg navbar-light"> <!-- <a class="navbar-brand" href="#">Navbar</a> --> <img src="Image/gtr_logo.png" alt="gtrac" class="gtrac-img mx-auto d-block" height="auto"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNavDropdown"> <ul class="navbar-nav"> <li class="nav-item "> <a class="nav-link " href="index.html"><i class="fa fa-home" aria-hidden="true"></i> Home </a> </li> <li class="nav-item"> <a class="nav-link" href="job_g.html"><i class="fa fa-graduation-cap" aria-hidden="true"></i> Job Guaranteed Courses </a> </li> <li class="nav-item dropdown"> <a class="nav-link" href="fullstackOnline.html" data-toggle="dropdown"><i class="fa fa-laptop" aria-hidden="true"></i> Online Courses </a> <div class="dropdown-menu mt-1"> <a class="dropdown-item" href="fullstackOnline.html"><img width="30" height="30" src="https://img.icons8.com/external-flaticons-flat-flat-icons/64/external-full-stack-computer-programming-flaticons-flat-flat-icons-2.png" alt="external-full-stack-computer-programming-flaticons-flat-flat-icons-2" /> Fullstack</a> <a class="dropdown-item" href="phpOnline.html"><img width="30" height="30" src="https://img.icons8.com/color/48/php.png" alt="php" /> Php</a> <a class="dropdown-item" href="angularOnline.html"><img width="25" height="25" src="https://img.icons8.com/external-tal-revivo-shadow-tal-revivo/24/external-angular-a-typescript-based-open-source-web-application-framework-logo-shadow-tal-revivo.png" alt="external-angular-a-typescript-based-open-source-web-application-framework-logo-shadow-tal-revivo" /> Angular</a> <a class="dropdown-item" href="pythonOnline.html"><img width="30" height="30" src="https://img.icons8.com/color/48/python.png" alt="python" />Python</a> <a class="dropdown-item" href="reactOnline.html"><img width="30" height="30" src="https://img.icons8.com/external-tanah-basah-glyph-tanah-basah/48/external-react-social-media-tanah-basah-glyph-tanah-basah.png" alt="external-react-social-media-tanah-basah-glyph-tanah-basah" /> React</a> <a class="dropdown-item" href="cloud_computingOnline.html"><img width="24" height="24" src="https://img.icons8.com/material-outlined/24/cloud-computing.png" alt="cloud-computing" /> Cloud Computing</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link active" href="fullstack.html" data-toggle="dropdown"><i class="fa fa-user-circle-o" aria-hidden="true"></i> Offline Courses</a> <div class="dropdown-menu mt-1"> <a class="dropdown-item" href="fullstack.html"><img width="30" height="30" src="https://img.icons8.com/external-flaticons-flat-flat-icons/64/external-full-stack-computer-programming-flaticons-flat-flat-icons-2.png" alt="external-full-stack-computer-programming-flaticons-flat-flat-icons-2" /> Fullstack</a> <a class="dropdown-item" href="php.html"><img width="30" height="30" src="https://img.icons8.com/color/48/php.png" alt="php" /> Php</a> <a class="dropdown-item" href="angular.html"><img width="25" height="25" src="https://img.icons8.com/external-tal-revivo-shadow-tal-revivo/24/external-angular-a-typescript-based-open-source-web-application-framework-logo-shadow-tal-revivo.png" alt="external-angular-a-typescript-based-open-source-web-application-framework-logo-shadow-tal-revivo" /> Angular</a> <a class="dropdown-item" href="python.html"><img width="30" height="30" src="https://img.icons8.com/color/48/python.png" alt="python" />Python</a> <a class="dropdown-item active" href="react.html"><img width="30" height="30" src="https://img.icons8.com/external-tanah-basah-glyph-tanah-basah/48/external-react-social-media-tanah-basah-glyph-tanah-basah.png" alt="external-react-social-media-tanah-basah-glyph-tanah-basah" /> React</a> <a class="dropdown-item" href="cloud_computing.html"><img width="24" height="24" src="https://img.icons8.com/material-outlined/24/cloud-computing.png" alt="cloud-computing" /> Cloud Computing</a> </div> </li> <li class="nav-item"> <a class="nav-link" href="gallery.html"><i class="fa fa-picture-o" aria-hidden="true"></i> Gallery</a> </li> <li class="nav-item"> <a class="nav-link" href="placement.html"><i class="fa fa-square-o" aria-hidden="true"></i> Placement</a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html"><i class="fa fa-phone" aria-hidden="true"></i> Contact us</a> </li> <li class="nav-item"> <a class="nav-link" href="aboutus.html"><i class="fa fa-info-circle" aria-hidden="true"></i> About us</a> </li> <!-- <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false"> Dropdown link </a> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> </div> </li> --> </ul> </div> </nav> </div> </div> </div> </div> <!-- -------------new ----------------------> <!-- mid part --> <div class="container-fluid"> <div class="row mb-2"> <div class="col-sm-1"></div> <div class="col-sm-10"> <img src="images/reactnativemain.png" alt="" width="100%" class="img-fluid"> </div> <div class="col-sm-1"></div> </div> <!-- -------------new ----------------------> <!-- -------------new ----------------------> <!-- tab buttons --> <div class="navigationbar"> <div class=""></div> <div class="row"> <div class="col-sm-4"></div> <div class="col-sm-8"> <div class="navbar"> <ul class="nav nav-tabs"> <li class="nav-item"> <a href="#durationOfCourse" data-toggle="tab" class="btn btn-outline-success p-3 nav-link active">During the Course </a> </li> <li class="nav-item"> <a href="#afterTheCourse" data-toggle="tab" class="btn btn-outline-success p-3 nav-link">After the course</a> </li> <li class="nav-item"> <a href="#certificationValue" data-toggle="tab" class="btn btn-outline-success p-3 nav-link">Certification Value</a> </li> </ul> </div> </div> <div class="col-sm-2"></div> </div> <div class="row "> <div class="col-sm-1"></div> <div class="col-sm-5"> <div class="tab-content"> <!-- duration of course block --> <div id="durationOfCourse" class="tab-pane active"> <div class="container"> <div class="row"> <!-- <div class="col-sm-1"></div> --> .<div class="col-sm-12 ml-3 tab-content-right"> <div class="col-sm-12 mt-1" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">The curriculum of the course selected</p> </div> <div class="col-sm-12 mt-1" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">Introduction by HR to give a brief</p> </div> <div class="col-sm-12 mt-1" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">The learning process begins with a pre-informed syllabus </p> </div> <div class="col-sm-12 mt-1" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">Monitoring will be done through regular tests and assessments </p> </div> <div class="col-sm-12 mt-1" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">Trainers will help understand the theory and throw light on the practical aspect</p> </div> <div class="col-sm-12 mt-1" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">Hands-on with projects post completion of technologies </p> </div> <div class="col-sm-12 mt-1" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">A final project once the course is completed</p> </div> <div class="col-sm-12 mt-1" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">Evaluation will be provided once you complete the course module </p> </div> <div class="col-sm-12 mt-1" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">A certificate will be provided to every student</p> </div> </div> <!--image division --> </div> </div> </div> <!-- After the course block --> <div id="afterTheCourse" class="tab-pane "> <div class="container"> <div class="row"> <!-- <div class="col-sm-1"></div> --> <div class="col-sm-12 ml-3 tab-content-right"> <div class="col-sm-12 mt-3" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png " alt="book_icon" width="33px"> <p class="coursePara pt-3">Learning capabilities will be assessed by the HR department through mock tests</p> </div> <div class="col-sm-12 mt-2" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png " alt="book_icon" width="33px"> <p class="coursePara pt-3">Interview tips will be provided to ace the interview</p> </div> <div class="col-sm-10 mt-2" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png " alt="book_icon" width="33px"> <p class="coursePara pt-3">There will be webinars and seminars to brush up your skills </p> </div> <div class="col-sm-10 mt-2" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">Resumes will be sent to the job openings as per the requirements </p> </div> <div class="col-sm-10 mt-2" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">Multiple chances to attempt interviews</p> </div> <div class="col-sm-10 mt-2" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">Technical help will be provided for a few months even after the course is completed</p> </div> </div> <!--image division --> </div> </div> </div> <!-- certification block --> <div id="certificationValue" class="tab-pane "> <div class="container"> <div class="row"> <!--image division --> <!-- <div class="col-sm-1"></div> --> <div class="col-sm-12 tab-content-right ml-3"> <div class="col-sm-10 mt-2" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">GTrac’s certification is valued by ISO international</p> </div> <div class="col-sm-10 mt-2" style="display: flex;align-items: center;"> <img src="IMAGE/book_icon.png" alt="book_icon" width="33px"> <p class="coursePara pt-3">This certification is based on overall assessment in the class as well as practical aspects by HR</p> </div> </div> </div> </div> </div> </div> </div> <div class="col-sm-4"> <!-- <div class="col-sm-5 sec"> --> <div class="division"> <form id="load-form"> <label for="name">Name</label> <input type="text" name="name" id="name-input" class="form-control" placeholder="Enter your name"><br> <label for="course_name">Course Name </label> <select name="course_name" name="course" id="course-select" class="form-control" id="course_name"> <option value="Fullstack"> Fullstack</option> <option value="php">Php</option> <option value="angularjs">Angular js</option> <option value="python">Python</option> <option value="cloud_computing">Cloud computing</option> </select><br> <label for="phNo">Mobile number</label><br> <input type="tel" id="phone1" name="number" value='+91'><br><br> <label for="email">Email</label> <input type="email" id="email-input" name="email" class="form-control" placeholder="Enter your email"> <div class="alert alert-danger mt-3 " style="display: none;" id="alert" role="alert"> <span id="div-message" style="color: black;"></span> </div> <div class="alert alert-success mt-3 " style="display: none;" id="alert1" role="alert"> <span id="div-message1" style="color: black;"></span> </div> </form> <div style="text-align: center;margin-top: 10px;"> <button class="btn btn-primary" onclick="loadform()">Enroll Today</button> </div> <!-- </div> --> </div> <div class="col-sm-1"></div> </div> </div> <!-- tab contents --> </div> <!-- --> </div> </div> </div> <div class="row container-fluid"> <div class="col-sm-3"></div> <div class="col-sm-3"> <h4>Trained 5000+ People in 150+ Trainings since 2012</h4> <p>Technologies you’ll learn during the course</p> <div class="row mob-view"> <div class="col-sm-3"> <img src="images/bt.png" class="image-fluid"> </div> <div class="col-sm-3"> <img src="images/js.png" class="image-fluid"> </div> <div class="col-sm-3"> <img src="images/ex.png" class="image-fluid"> </div> <div class="col-sm-3"> <img src="images/html.png" class="image-fluid"> </div> </div> <div class="row mob-view"> <div class="col-sm-3"> <img src="images/css.png" class="image-fluid"> </div> <div class="col-sm-3"> <img src="images/react.png" class="image-fluid"> </div> <div class="col-sm-3"> <img src="images/mango.png" class="image-fluid"> </div> <div class="col-sm-3"> <img src="images/angular.png" class="image-fluid"> </div> </div> </div> <div class="col-sm-3 div-bt d-flex align-items-center justify-content-center"> <a href="pdf/Full Stack Developer.pdf" target="_blank"><button class="btn-new">Download syllabus</button></a> </div> <div class="col-sm-3"> </div> </div> <!-- Our Students Love Us and they Say division --> <main class="feedbach-stu"> <section class="container"> <!-- heading --> <h2>Hear it from our students…</h2> <div class="row"> <!-- student 1 --> <div class="col-sm-4"> <div class="cards1"> <img src="IMAGE/student2.27227dfefe94929f30d0.jpg" alt="student1img"> <div class="cards1heading"> <h3>BHUJANGAPPA K</h3> </div> <div class="cards1div"> <p>This institution is quite good for the fresher who doesn't know the job market and the skills required to bag a job. It was a good experience to be a part of this institution Appreciate the teaching method of Shankar Sir.</p> </div> </div> </div> <!-- student 2--> <div class="col-sm-4"> <div class="cards1"> <img src="IMAGE/student1.9e0faa47f10909d55f54.jpg" alt="student1img"> <div class="cards1heading"> <h3>SHRUTHI DINESH</h3> </div> <div class="cards1div"> <p>Best training institute in Mysore. It helped me to improve my practical knowledge.</p> </div> </div> </div> <!-- student 3 --> <div class="col-sm-4"> <div class="cards1"> <img src="IMAGE/student3.f6f4ced456f1eea4224b.jpg" alt="student1img"> <div class="cards1heading"> <h3>NIKETHAN NR</h3> </div> <div class="cards1div"> <p>Teaching is great. I had a good time learning at this Institute.</p> </div> </div> </div> </div> </section> </main> <!-- Job Oriented Courses in Mysore division--> <section> <div class="container faq"> <div class="row "> <div class="col-sm-6 questions"> <img src="IMAGE/Rectangle64.9e6f3c51bb8b8a3973d8.png" alt="rectangleimg"> </div> <div class="col-sm-6"> <h2 style="font-weight: bolder;font-size: 25px;">Frequently Asked Questions</h2> <div class="accordion" id="accordionExample"> <div class="card"> <div class="card-head" id="headingOne"> <h2 class="mb-0"> <button class="text-left btn-block faqbtn" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Q.1. Is GTRAC a registered organization? </button> </h2> </div> <div id="collapseOne" class=" collapse show" aria-labelledby="headingOne" data-parent="#accordionExample"> <div class="card-body"> Yes. Being the best training institute, we are a legitimate organization. Our company was established in 2015 with ISO certification. <code>.show</code> class. </div> </div> </div> <div class="card"> <div class="card-head" id="headingTwo"> <h2 class="mb-0"> <button class=" text-left btn-block collapsed faqbtn " type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Q.2. Why do I need to join GTRAC for the course? </button> </h2> </div> <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample"> <div class="card-body"> GTRAC has experienced faculty, hands-on project, and practical exposure. We provide 100% placement in all our job-oriented courses. After completing the course, we provide live project experience and technical support for a few months. This makes our students more likely to be hired by companies. </div> </div> </div> <div class="card"> <div class="card-head" id="headingThree"> <h2 class="mb-0"> <button class="text-left btn-block collapsed faqbtn" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Q.3. What kind of certification does Greenfield have? </button> </h2> </div> <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample"> <div class="card-body"> Greenfield has ISO certification and supports other brands. </div> </div> </div> <div class="card"> <div class="card-head" id="headingFour"> <h2 class="mb-0"> <button class=" btn-block text-left collapsed faqbtn" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> Q.4. Do you provide jobs? </button> </h2> </div> <div id="collapseFour" class="text-left collapse" aria-labelledby="headingFour" data-parent="#accordionExample"> <div class="card-body"> Yes, we have 100% placement with job-oriented courses. We assist you in preparing for your interviews as well. </div> </div> </div> </div> </div> </div> </div> </section> <div class="container-fluid content-section mb-4"> <div class="row mt-4"> <div class="col-sm-3"></div> <div class="col-sm-6"> <div class="content1"> <h2><b>Job Oriented Courses in Mysore</b></h2> <h5>Here are the job-oriented courses that will brush your skills as well as open up opportunities to be at your dream designation</h5> </div> </div> <div class="col-sm-3"></div> </div> <div class="row mt-4 full-syllabus"> <div class="col-sm-2"></div> <div class="col-sm-4"> <div class="card mb-3" style="max-width: 540px;"> <div class="row no-gutters"> <div class="col-md-4"> <img src="Image/full_Stack.ee439cac2dfd9d0067f3da662f72761d.svg" alt="Fullstack Development Image" class="img-fluid card-image"> </div> <div class="col-md-8"> <div class="card-body"> <h4 class="card-title" style="color: #570076;"><b><u>Fullstack development</u></b> </h4> <div class="card-div"> <h5><i class="fa fa-book" aria-hidden="true"></i> Duration : 2-4 months </h5> <h5><i class="fa fa-book" aria-hidden="true"></i> Seats: Limited label </h5> <h5><i class="fa fa-book" aria-hidden="true"></i> Days: Weekdays/Weekends </h5> </div> </div> </div> </div> </div> </div> <div class="col-sm-4"> <div class="card mb-3" style="max-width: 540px;"> <div class="row no-gutters"> <div class="col-md-4"> <img src="Image/php_Vertical.c439491cd82c3db8492c0bfa5a3736f3.svg" alt="Fullstack Development Image" class="img-fluid card-image"> </div> <div class="col-md-8"> <div class="card-body"> <h4 class="card-title" style="color: #29B8EC;"><b><u>Php</u></b></h4> <div class="card-div"> <h5><i class="fa fa-book" aria-hidden="true"></i> Duration : 3 months </h5> <h5><i class="fa fa-book" aria-hidden="true"></i> Seats: Limited label </h5> <h5><i class="fa fa-book" aria-hidden="true"></i> Days: Weekdays/Weekends </h5> </div> </div> </div> </div> </div> </div> <div class="col-sm-2"></div> </div> <div class="row mt-4 full-syllabus"> <div class="col-sm-2"></div> <div class="col-sm-4"> <div class="card mb-3" style="max-width: 540px;"> <div class="row no-gutters"> <div class="col-md-4"> <img src="Image/V-angular.4757125eb4cdab659b144ee6546bed40.svg" alt="Fullstack Development Image" class="img-fluid card-image"> </div> <div class="col-md-8"> <div class="card-body"> <h4 class="card-title" style="color: #29B8EC;"><b><u>Angular js</u></b></h4> <div class="card-div"> <h5><i class="fa fa-book" aria-hidden="true"></i> Duration : 2-4 months </h5> <h5><i class="fa fa-book" aria-hidden="true"></i> Seats: Limited label </h5> <h5><i class="fa fa-book" aria-hidden="true"></i> Days: Weekdays/Weekends </h5> </div> </div> </div> </div> </div> </div> <div class="col-sm-4"> <div class="card mb-3" style="max-width: 540px;"> <div class="row no-gutters"> <div class="col-md-4"> <img src="Image/reactJS.b1580a770088339f7dc4770ca854ec30.svg" alt="Fullstack Development Image" class="img-fluid card-image"> </div> <div class="col-md-8"> <div class="card-body"> <h4 class="card-title" style="color: #29B8EC;"><b><u>React native</u></b></h4> <div class="card-div"> <h5><i class="fa fa-book" aria-hidden="true"></i> Duration : 2-4 months </h5> <h5> <i class="fa fa-book" aria-hidden="true"></i> Seats: Limited label </h5> <h5><i class="fa fa-book" aria-hidden="true"></i> Days: Weekdays/Weekends </h5> </div> </div> </div> </div> </div> </div> <div class="col-sm-2"></div> </div> <div class="row mt-4 full-syllabus"> <div class="col-sm-2"></div> <div class="col-sm-4"> <div class="card mb-3" style="max-width: 540px;"> <div class="row no-gutters"> <div class="col-md-4"> <img src="Image/python.7365f56ee24820c0867612e07fc91656.svg" alt="Fullstack Development Image" class="img-fluid card-image"> </div> <div class="col-md-8"> <div class="card-body"> <h4 class="card-title" style="color: #b78e12;"><b><u>Python</u></b></h4> <div class="card-div"> <h5><i class="fa fa-book" aria-hidden="true"></i> Duration : 2-4 months </h5> <h5><i class="fa fa-book" aria-hidden="true"></i> Seats: Limited label </h5> <h5><i class="fa fa-book" aria-hidden="true"></i> Days: Weekdays/Weekends </h5> </div> </div> </div> </div> </div> </div> <div class="col-sm-4"> <div class="card mb-3" style="max-width: 540px;"> <div class="row no-gutters"> <div class="col-md-4"> <img src="Image/cloud_Computing.80362b7152b37b83e1ce08653a8ce1c7.svg" alt="Fullstack Development Image" class="img-fluid card-image"> </div> <div class="col-md-8"> <div class="card-body"> <h4 class="card-title" style="color: #0049B6;"><b><u>Cloud computing & AWS</u></b> </h4> <div class="card-div"> <h5><i class="fa fa-book" aria-hidden="true"></i> Duration : 2-4 months </h5> <h5><i class="fa fa-book" aria-hidden="true"></i> Seats: Limited label </h5> <h5><i class="fa fa-book" aria-hidden="true"></i> Days: Weekdays/Weekends </h5> </div> </div> </div> </div> </div> </div> <div class="col-sm-2"></div> </div> </div> <!-- content section end --> <div class="row " style="background-color: #227422; overflow-x: hidden !important;"> <div class="col-sm-2"></div> <div class="col-sm-8" style="text-align: center;"> <h3 style="color: aliceblue; padding-top: 20px;font-family: math; ">Our candidates are working in these companies</h3> <!-- banner start --> <section class=" banner footer-banner"> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="row slider"> <div class="col-sm-3"> <img src="Image/company1.1235e62b5a1bfdc6f68ef674c8c3b80b.svg" alt="footer1" /> </div> <div class="col-sm-3"> <img src="Image/company2.394091f52e1583a4fd174a2c8a1470b2.svg" alt="footer1" /> </div> <div class="col-sm-3"> <img src="Image/company3.7bd68feebceccdcd4d6a7aa1e55fecf7.svg" alt="footer1" /> </div> <div class="col-sm-3"> <img src="Image/company4.49aa0971f11c12247012e36470456bd8.svg" alt="footer1" /> </div> </div> </div> <div class="carousel-item"> <div class="row slider"> <div class="col-sm-3"> <img src="Image/company5.ef2753c51c50dc00e7052dc218452fc3.svg" alt="footer1" /> </div> <div class="col-sm-3"> <img src="Image/company6.c8a39708cc4489efbbad3595e39c5d11.svg" alt="footer1" /> </div> <div class="col-sm-3"> <img src="Image/company7.40d993b28a2e77722e816015f94aa526.svg" alt="footer1" /> </div> <div class="col-sm-3"> <img src="Image/company8.e154a94cb0d2df5e402138204cc2838b.svg" alt="footer1" /> </div> </div> </div> <div class="carousel-item"> <div class="row slider"> <div class="col-sm-3"> <img src="Image/company9.68ab89739b39f13c04da8f101ee34f5e.svg" alt="footer1" /> </div> <div class="col-sm-3"> <img src="Image/company10.ba3fc316e5616c90a2a1850fa7f48272.svg" alt="footer1" /> </div> <div class="col-sm-3"> <img src="Image/company11.605537e7c9cec3af7f8ba7e12d9830fc.svg" alt="footer1" /> </div> <div class="col-sm-3"> <img src="Image/company12.ad7d0d648d82f6c94e079c1045b9e2cc.svg" alt="footer1" /> </div> </div> </div> </div> </div> </section> <!-- banner end --> </div> <div class="col-sm-2"></div> </div> <!-- mid end --> <!-- -------------new ----------------------> <footer> <div class="footer"> <div class="row container"> <div class="col-sm-4"> <h5>About us</h5> <p>GTrac provides career growth with professional certification. Brush your skills with experienced faculty and job security. Get your future secured with our job-oriented courses.</p> <div class="grid"> <div> <a href="https://m.facebook.com/mygtrac"> <svg class="sv" stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1.5em" width="1.5em" xmlns="http://www.w3.org/2000/svg"> <title></title> <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"> </path> </svg></i></a> </div> <div> <a href="https://twitter.com/GtracMy"> <svg class="sv" stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1.5em" width="1.5em" xmlns="http://www.w3.org/2000/svg"> <title></title> <path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"> </path> </svg></a> </div> <div> <a href="https://www.linkedin.com/company/myg-trac/"> <svg class="sv" stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1.5em" width="1.5em" xmlns="http://www.w3.org/2000/svg"> <title></title> <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"> </path> </svg> </a> </div> <div> <a href="https://www.instagram.com/gtracmysuru?igsh=MWRleWw0bGVzdXJ0cQ=="> <svg class="sv" stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1.5em" width="1.5em" xmlns="http://www.w3.org/2000/svg"> <title></title> <path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"> </path> </svg></a> </div> <div> <a href="https://youtube.com/@g-trac3556?si=VnpXi-JA4KjVGKol"> <svg class="sv" stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1.5em" width="1.5em" xmlns="http://www.w3.org/2000/svg"> <title></title> <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"> </path> </svg></a> </div> <!-- <div> <a href="https://in.pinterest.com/mygtraccom/_saved/"> <svg class="sv" stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1.em" width="1.5em" xmlns="http://www.w3.org/2000/svg"> <title></title> <path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"> </path> </svg></a> <title></title> <path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"> </path> </svg></a> </div> --> </div> </div> <div class="col-sm-4 "> <h5>Quick links</h5> <ul> <li><a href="fullstack.html">Fullstack</a></li> <li><a href="angular.html">Angular JS</a></li> <li><a href="php.html">PHP</a></li> <li><a href="react.html">React Native</a></li> <li><a href="python.html">Python</a></li> <li><a href="cloud_computing.html">Cloud Computing</a></li> </ul> </div> <div class="col-sm-4 "> <h5>Contact us </h5> <address> 656/D, 16th Main,5th Cross </br> Iyengars bakery, Opp.Bakepoint,</br> Saraswathipuram, Mysore.</br> 570009 </address> <p>+91-9606011223</p> <p id="lastp"><a href="mailto:enquiry09.gta@gmail.com"> <i class="fa fa-envelope" aria-hidden="true"></i> enquiry09.gta@gmail.com </a></p> </div> </div> <div id="lastfoot">GTRAC.All rights reserved. | Copyright @ 2024 | Developed by <a href="https://www.jayblues.com/" target="_blank" class="zerozilla">Jayblues Technologies</a> </div> </div> </footer> <script> function loadform() { const name = document.getElementById('name-input').value; const number = document.getElementById('phone1').value; const alertElement = document.getElementById('alert'); const divmessage = document.getElementById('div-message'); const alertElement1 = document.getElementById('alert1'); const divmessage1 = document.getElementById('div-message1'); if (name == '') { alertElement.style.display = 'block'; divmessage.textContent = '! Please Enter a Name' setTimeout(() => { alertElement.style.display = 'none'; }, 2000); return; } if (number.length < 13) { alertElement.style.display = 'block'; divmessage.textContent = '! Please Enter Valid Mobile Number' setTimeout(() => { alertElement.style.display = 'none'; }, 2000); return; } fetch('sendmail.php', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded', }, body: new URLSearchParams(new FormData(document.getElementById('load-form'))), }) .then(response => response.text()) .then(data => { alertElement1.style.display = 'block'; divmessage1.textContent = 'We have successfully recived Your Enquiry.. Thank You' setTimeout(() => { alertElement.style.display = 'none'; }, 2000); document.getElementById('load-form').reset(); console.log(data); }) .catch(error => { console.error('Error:', error); }); } </script> <script> const input1 = document.querySelector("#phone1"); const errorMap = ["Invalid number", "Invalid country code", "Too short", "Too long", "Invalid number"]; const iti1 = window.intlTelInput(input1, { initialCountry: "us", utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js" }); const reset = () => { input1.classList.remove("error"); errorMsg.innerHTML = ""; errorMsg.classList.add("hide"); validMsg.classList.add("hide"); }; button.addEventListener('click', () => { reset(); if (input1.value.trim()) { if (iti1.isValidNumber()) { validMsg.classList.remove("hide"); } else { input1.classList.add("error"); const errorCode = iti1.getValidationError(); errorMsg.innerHTML = errorMap[errorCode] || "Invalid number"; errorMsg.classList.remove("hide"); } } }); input.addEventListener('change', reset); input.addEventListener('keyup', reset); </script> </body> </html>